Одабир елемента по више класа у CSS-у

По жељи можемо одабрати елемент који има истовремено две класе, а да не додирнемо елементе са само једном од тих класа.

Погледајмо на примеру. Претпоставимо да имамо следећи код:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="eee zzz">
	This is a paragraph with text.
</p>

Као што видите, први пасус има класу eee, други пасус - класу zzz, а трећи пасус - истовремено обе ове класе.

Хајде да одаберемо последњи пасус, а да не додирнемо остале. За то ћемо написати једно до другог без размака име једне класе и име друге класе:

.eee.zzz {
	color: red;
}

Одаберите елемент који истовремено има класе eee, zzz и ccc:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="ccc">
	This is a paragraph with text.
</p>
<p class="eee zzz ccc">
	This is a paragraph with text.
</p>