Valg af element efter flere klasser i CSS

Ønsker vi det, kan vi vælge et element, der har to klasser samtidigt, uden at berøre elementer med kun en af disse klasser.

Lad os se på et eksempel. Antag, at vi har følgende kode:

html<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 afsnit klassen eee, det andet afsnit - klassen zzz, og det tredje afsnit - begge disse klasser samtidigt.

Lad os vælge det sidste afsnit uden at berøre de andre. For at gøre dette skriver vi navnet på den ene klasse og navnet på den anden klasse sammen uden mellemrum:

css.eee.zzz {
  color: red;
}

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