Lien avec une classe en CSS

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

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

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

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

Задание 1

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 :

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

Задание 2

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 :

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

Задание 3

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 :

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