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:

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 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:

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>