Elementų pasirinkimas pagal kelias klases CSS

Norėdami galime pasirinkti elementą, turintį vienu metu dvi klases, neliesdami elementų turinčių vieną iš šių klasių.

Pažiūrėkime pavyzdžiu. Tarkime, kad turime šį kodą:

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

Kaip matote, pirmoji pastraipa turi klasę eee, antroji pastraipa - klasę zzz, o trečioji pastraipa - vienu metu abi šias klases.

Pažymime paskutinę pastraipą, neliesdami kitių. Norėdami tai padaryti, parašykime vienos klasės pavadinimą ir antrosios klasės pavadinimą vientisai be tarpų:

.eee.zzz {
	color: red;
}

Pasirinkite elementą, turintį vienu metu klases eee, zzz ir 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>