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

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

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>