Մի քանի սելեկտորներ միասին CSS-ում

Տարրը, որը միաժամանակ համապատասխանում է մի քանի սելեկտորների, ընտրելու համար պետք է գրել այդ սելեկտորները միասին, առանց բացատի:

Օրինակ, հետևյալ սելեկտորը կընտրի տարրը, որը միաժամանակ ունի bbb դասը և zzz դասը:

.bbb.zzz {
	
}

Իսկ հետևյալ սելեկտորը կընտրի h2 վերնագիրը, որը միաժամանակ ունի bbb դասը և zzz դասը:

h2.bbb.zzz {
	
}

Նշված եղանակով կարելի է կառուցել սելեկտորների կամայական կոնստրուկցիաներ: Ընդ որում, օգտագործվող սելեկտորների հերթականությունը նշանակություն չունի, բացառությամբ կանոնի, որ տարրերի սելեկտորները պետք է տեղադրվեն ամենասկզբում:

Այսինքն, օրինակ, .bbb.zzz և .zzz.bbb սելեկտորները լիովին համարժեք են:

Բացի այդ, կարելի է ձևավորել սելեկտորներ օգտագործելով id, օրինակ, այսպիսիները: #elem.eee, կամ h2#elem.eee, կամ h2.eee#elem և այլն:

Պատմեք, թե ինչ է ընտրում սելեկտորը ստորև բերված կոդում: Այնուհետև գրեք HTML կոդ, որը համապատասխանում է այս սելեկտորին: Ահա սելեկտորով կոդը:

.bbb.zzz {
	color: red;
}

h2.bbb.zzz {
	color: red;
}

#elem.bbb {
	color: red;
}

#elem.bbb.zzz {
	color: red;
}

h2#elem.bbb {
	color: red;
}