Izbira elementa z več razredi v CSS

Po želji lahko izberemo element, ki ima hkrati dva razreda, ne da bi prizadeli elemente z enim od teh razredov.

Poglejmo si primer. Recimo, da imamo naslednjo kodo:

<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>

Kot lahko vidite, ima prvi odstavek razred eee, drugi odstavek - razred zzz, tretji odstavek pa hkrati oba razreda.

Izberimo zadnji odstavek, ne da bi prizadeli ostale. Za to zlepljeno brez presledka napišimo ime enega razreda in ime drugega razreda:

.eee.zzz {
	color: red;
}

Izberite element, ki ima hkrati razrede eee, zzz in 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>