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

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

html<a href="#">lien</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Voir aussi