Izbor elementa po više klasa u CSS-u

Po želji, možemo da izaberemo element koji ima dve klase istovremeno, a da ne pogodimo elemente sa samo jednom od tih klasa.

Pogledajmo na primeru. Pretpostavimo da imamo sledeći kod:

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>

Kao što vidite, prvi pasus ima klasu eee, drugi pasus - klasu zzz, a treći pasus - obe ove klase istovremeno.

Hajde da izaberemo poslednji pasus, a da ne pogodimo ostale. Za to, spojimo bez razmaka ime jedne klase i ime druge klase:

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>