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:

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

.eee.zzz {
	color: red;
}

Selectați elementul care are simultan clasele eee, zzz și 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>