Выбар элемента па некалькіх класах у 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>