Некалькі селектараў злітна ў 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;
}