Výber prvku podľa viacerých tried v CSS
V prípade potreby môžeme vybrať prvok, ktorý má súčasne dve triedy, bez ovplyvnenia prvkov s jednou z týchto tried.
Pozrime sa na príklad. Predpokladajme, že máme nasledujúci 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>
Ako vidíte, prvý odsek má triedu eee,
druhý odsek - triedu zzz, a tretí
odsek - súčasne obe tieto triedy.
Vyberme posledný odsek bez ovplyvnenia ostatných. Na to spojíme bez medzery názov jednej triedy a názov druhej triedy:
.eee.zzz {
color: red;
}
Vyberte prvok, ktorý má súčasne triedy
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>
