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