Выбор элемента по нескольким классам в 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>