Выбар элемента па некалькіх класах у CSS

Пры жаданні мы можам выбраць элемент, які мае адначасова два класы, не закрануўшы элементы з адным з гэтых класаў.

Давайце паглядзім на прыкладзе. Хай у нас ёсць наступны код:

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>

Як вы бачыце, першы абзац мае клас eee, другі абзац - клас zzz, а трэці абзац - адначасова абодва гэтых класы.

Давайце выбяром апошні абзац, не закрануўшы астатнія. Для гэтага злітна без прабелу напішам назву аднаго класа і назву другога класа:

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>