Välja element efter flera klasser i CSS

Om vi vill kan vi välja ett element som har båda klasserna samtidigt, utan att påverka element med bara en av dessa klasser.

Låt oss titta på ett exempel. Anta att vi har följande kod:

<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 ser har det första stycket klassen eee, det andra stycket - klassen zzz, och det tredje stycket - båda dessa klasser samtidigt.

Låt oss välja det sista stycket utan att påverka de andra. För att göra detta skriver vi namnet på en klass och namnet på den andra klassen ihop utan mellanslag:

.eee.zzz {
	color: red;
}

Välj elementet som samtidigt har klasserna eee, zzz och 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>