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 :
<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 :
#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 :
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Expliquez ce que le sélecteur choisit dans le code ci-dessous. Ensuite, écrivez le code HTML correspondant à ce sélecteur. Voici le code avec le sélecteur :
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
