Výběr elementu podle více tříd v CSS

V případě potřeby můžeme vybrat element, který má současně dvě třídy, aniž bychom se dotkli elementů s pouze jednou z těchto tříd.

Podívejme se na příklad. Předpokládejme, že máme následující kód:

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

Jak vidíte, první odstavec má třídu eee, druhý odstavec - třídu zzz, a třetí odstavec - současně obě tyto třídy.

Pojďme vybrat poslední odstavec, aniž bychom se dotkli ostatních. K tomu napíšeme jméno jedné třídy a jméno druhé třídy slepeně bez mezery:

.eee.zzz {
	color: red;
}

Vyberte element, který má současně třídy eee, zzz a 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>