Erreur lors de l'utilisation de plusieurs sélecteurs CSS

Je rappelle une erreur courante des débutants : le sélecteur .bbb.zzz et le sélecteur .bbb .zzz font des choses différentes. Le premier cherche un élément ayant simultanément deux classes, tandis que le second cherche un élément avec la classe zzz, se trouvant à l'intérieur d'un élément de classe bbb.

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

h2.zzz {
	color: red;
}

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

h2 .zzz {
	color: red;
}

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

.bbb.zzz {
	color: red;
}

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

.bbb .zzz {
	color: red;
}

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

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

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

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

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

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

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

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

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

#elem.bbb {
	color: red;
}

Expliquez ce que sélectionne le sélecteur dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :

#elem .bbb {
	color: red;
}