Elementa atlase pēc vairākām CSS klasēm

Vēloties mēs varam atlasīt elementu, kuram vienlaicīgi ir divas klases, neietekmējot elementus ar vienu no šīm klasēm.

Apskatīsim piemērā. Pieņemsim, ka mums ir šāds kods:

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

Kā redzat, pirmajam rindkopai ir klase eee, otrajai rindkopai - klase zzz, bet trešajai rindkopai - vienlaicīgi abas šīs klases.

Atlasīsim pēdējo rindkopu, neietekmējot pārējās. Lai to izdarītu, rakstīsim kopā bez atstarpes vienas klases nosaukumu un otrās klases nosaukumu:

.eee.zzz {
	color: red;
}

Atlasiet elementu, kuram vienlaicīgi ir klases eee, zzz un 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>