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

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>

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

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>