Избор на елемент по multiple класови во CSS

По желба можеме да избереме елемент кој има истовремено две класи, без да ги допреме елементите со една од овие класи.

Да погледнеме на пример. Да претпоставиме дека го имаме следниот код:

<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, а третиот параграф - истовремено двете од овие класи.

Ајде да го избереме последниот параграф, без да ги допреме останатите. За ова, непрекинато без празно место да го напишеме името на едната класа и името на втората класа:

.eee.zzz {
	color: red;
}

Изберете елемент кој истовремено ги има класите eee, zzz и ccc:

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