Lien avec une classe en CSS

Supposons maintenant que les liens eux-mêmes aient une classe :

<a href="#" class="eee">lien</a>
<a href="#" class="eee">lien</a>
<a href="#" class="eee">lien</a>

Appliquons des styles aux liens qui possèdent une telle classe :

a:link.eee, a:visited.eee {
	color: red;
}
a:hover.eee {
	text-decoration: none;
}

L'ordre dans lequel on écrit la classe du lien et les pseudo-classes d'état n'a pas d'importance. On peut les inverser et cela ne changera rien :

a.eee:link, a.eee:visited {
	color: red;
}
a.eee:hover {
	text-decoration: none;
}

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

a.zzz {
	color: red;
}
a.zzz:hover {
	text-decoration: none;
}

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

#block a.zzz {
	color: red;
}
#block a.zzz:hover {
	text-decoration: none;
}

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

.block a.zzz {
	color: red;
}
.block a.zzz:hover {
	text-decoration: none;
}