CSSда бир нечта селекторларни бирлаштириш

Бир нечта селекторларга бир вақтда мос келадиган элементни танлаш учун, бу селекторларни бўш joy қолдирмай, бирлаштириб ёзиш керак.

Мисол учун, куйидаги селектор bbb ва zzz классларига эга бўлган элементни танлайди:

.bbb.zzz {
	
}

Куйидаги селектор эса bbb ва zzz классларига эга бўлган h2 сарлавҳасини танлайди:

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;
}