Pseudo-klassen hover

Pseudo-klassen hover setter stiler for en lenke som vi holder musepekeren over. Vanligvis brukes denne pseudo-klassen sammen med pseudo-klassene link, visited og active.

Syntaks

cssa:hover {
  
}

Eksempel

En ikke-besøkt lenke vil være rød, en besøkt - blå. Hvis du holder musepekeren over den - vil den bli grønn, og hvis du trykker venstre museknapp og holder den nede - vil den bli svart (tilstanden active):

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

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

Результат:

Se også