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

Објаснете што избира селекторот во даденит код подолу. Потоа напишете HTML код кој одговара на овој селектор. Еве го кодот со селекторот:

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

h2#elem.bbb {
	color: red;
}