Pseudoklasse hover

De pseudoklasse hover definieert stijlen voor een link waar de muisaanwijzer overheen beweegt. Meestal wordt deze pseudoklasse gecombineerd met de pseudoklassen link, visited en active.

Syntaxis

cssa:hover {
  
}

Voorbeeld

Een niet-bezochte link is rood van kleur, een bezochte link - blauw. Als je de muisaanwijzer eroverheen beweegt - wordt hij groen, en als je de linkermuisknop ingedrukt houdt - wordt hij zwart (de active staat):

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

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

Результат:

Zie ook