Zgjedhja e elementit sipas disa klasave në CSS

Nëse dëshirojmë, mund të zgjedhim një element që ka njëkohësisht dy klasa, pa prekur elementet me një nga këto klasa.

Le të shohim një shembull. Le të themi se kemi kodin e mëposhtëm:

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

Siç mund ta shihni, paragrafi i parë ka klasën eee, paragrafi i dytë - klasën zzz, ndërsa i treti paragraf - të dyja këto klasa njëkohësisht.

Le të zgjedhim paragrafin e fundit, pa prekur pjesën tjetër. Për këtë, le të shkruajmë emrin e një klase dhe emrin e klasës së dytë bashkë, pa hapësirë:

.eee.zzz {
	color: red;
}

Zgjidhni elementin që ka njëkohësisht klasat eee, zzz dhe 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>