Избор на елемент по няколко класа в 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>