Error al usar múltiples selectores CSS

Recuerdo el error común de principiantes: el selector .bbb.zzz y el selector .bbb .zzz hacen cosas diferentes. El primero busca un elemento que tiene ambas clases simultáneamente, y el segundo busca un elemento con la clase zzz que se encuentra dentro de un elemento con la clase bbb.

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

h2.zzz {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

h2 .zzz {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb.zzz {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb .zzz {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb.zzz.xxx {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb .zzz.xxx {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb.zzz .xxx {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

.bbb .zzz .xxx {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

#elem.bbb {
	color: red;
}

Explica qué selecciona el selector en el código mostrado a continuación. Luego escribe el código HTML que coincida con este selector. Aquí el código con el selector:

#elem .bbb {
	color: red;
}