Бірнеше селекторларды 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;
}