Wybieranie elementu po wielu klasach w CSS
W razie potrzeby możemy wybrać element, który ma jednocześnie dwie klasy, nie dotykając elementów z tylko jedną z tych klas.
Spójrzmy na przykład. Załóżmy, że mamy następujący kod:
<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 widać, pierwszy akapit ma klasę eee,
drugi akapit - klasę zzz, a trzeci
akapit - jednocześnie obie te klasy.
Wybierzmy ostatni akapit, nie dotykając pozostałych. Aby to zrobić, napiszemy razem, bez spacji, nazwę jednej klasy i nazwę drugiej klasy:
.eee.zzz {
color: red;
}
Wybierz element, który jednocześnie ma klasy
eee, zzz i 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>
