Selección de elementos por múltiples clases en CSS

Si lo deseamos, podemos seleccionar un elemento que tenga simultáneamente dos clases, sin afectar a los elementos con solo una de estas clases.

Veamos un ejemplo. Supongamos que tenemos el siguiente código:

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>

Como puedes ver, el primer párrafo tiene la clase eee, el segundo párrafo - la clase zzz, y el tercer párrafo - simultáneamente ambas clases.

Seleccionemos el último párrafo, sin afectar los demás. Para ello, escribimos consecutivamente sin espacios el nombre de una clase y el nombre de la segunda clase:

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>