Pseudoklasse hover

Pseudoklassen hover definerer stilarter for et link, som vi hover over med musen. Normalt anvendes denne pseudoklasse sammen med pseudoklasserne link, visited og active.

Syntaks

cssa:hover {
  
}

Eksempel

Et ikke-besøgt link vil være rødt, et besøgt link - blåt. Hvis du hover over det med musen - bliver det grønt, og hvis du klikker og holder venstre musetast nede - bliver det sort (tilstanden active):

html<a href="#">link</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Se også

  • pseudoklasse link,
    som definerer stil for et ikke-besøgt link
  • pseudoklasse visited,
    som definerer stil for et besøgt link
  • pseudoklasse active,
    som definerer stil for et link ved aktivering
  • pseudoklasse focus,
    som definerer stil for et link i fokus