За бажання ми можемо вибрати елемент, що має одночасно два класи, не торкнувшись елементів з одним із цих класів.
Давайте подивимося на прикладі. Нехай у нас є наступний код:
<p class="eee">
абзац
</p>
<p class="zzz">
абзац
</p>
<p class="eee zzz">
абзац
</p>
Як ви бачите, перший абзац має клас eee,
другий абзац - клас zzz, а третій
абзац - одночасно обидва ці класи.
Давайте виберемо останній абзац, не торкнувшись решти. Для цього разом без пропуску напишемо ім'я одного класу та ім'я другого класу:
.eee.zzz {
color: red;
}
Виберіть елемент, який одночасно має класи
eee, zzz і ccc:
<p class="eee">
абзац
</p>
<p class="zzz">
абзац
</p>
<p class="ccc">
абзац
</p>
<p class="eee zzz ccc">
абзац
</p>