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:

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

.eee.zzz {
	color: red;
}

Selecciona el elemento que tenga simultáneamente las clases eee, zzz y 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>