Sélecteurs complexes avec états des liens en CSS

Tous les sélecteurs complexes que nous avons étudiés auparavant peuvent également être appliqués aux liens.

Regardons un exemple. Supposons que nos liens se trouvent dans un bloc avec un id défini :

html<div id="block">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

Définissons les styles pour les liens de ce bloc :

css#block a:link, #block a:visited {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

En règle générale, les états link et visited ne sont pas séparés, donc le code peut être simplifié comme suit :

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

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}