Више селектора заједно у 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;
}