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:

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>

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:

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>