Одабир елемента по више класа у 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>