Pseudo-classe hover
La pseudo-classe hover définit les styles pour
un lien sur lequel nous avons placé le curseur de la souris.
Généralement, cette pseudo-classe est utilisée conjointement
avec les pseudo-classes link,
visited
et active.
Syntaxe
a:hover {
}
Exemple
Un lien non visité sera de couleur rouge, un lien visité - de couleur bleue. Si vous placez le curseur de la souris dessus - il deviendra vert, et si vous cliquez sur le bouton gauche de la souris et le maintenez enfoncé - il deviendra noir (état active) :
<a href="#">lien</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
