Å velge elementer etter flere klasser i CSS

Om ønskelig kan vi velge et element som har to klasser samtidig, uten å berøre elementer med bare en av disse klassene.

La oss se på et eksempel. Anta at vi har følgende kode:

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

Som du kan se, har det første avsnittet klassen eee, det andre avsnittet - klassen zzz, og det tredje avsnittet - begge disse klassene samtidig.

La oss velge det siste avsnittet, uten å berøre de andre. For å gjøre dette skriver vi navnet på én klasse og navnet på den andre klassen sammen uten mellomrom:

.eee.zzz {
	color: red;
}

Velg elementet som samtidig har klassene eee, zzz og 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>