Selectarea elementelor după mai multe clase în CSS

Dacă dorim, putem selecta un element care are simultan două clase, fără a afecta elementele cu doar una dintre aceste clase.

Să ne uităm la un exemplu. Să presupunem că avem următorul cod:

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>

După cum puteți vedea, primul paragraf are clasa eee, al doilea paragraf - clasa zzz, iar al treilea paragraf - ambele clase simultan.

Să selectăm ultimul paragraf, fără a afecta celelalte. Pentru a face acest lucru, scriem împreună fără spațiu numele unei clase și numele celei de-a doua clase:

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>