Pseudoklasse active

Pseudoklassen active angiver stilarter for et link i det øjeblik det bliver klikket på (klikket og ikke sluppet knappen - mens vi ikke slipper den, virker de angivne stilarter).

Normalt anvendes denne pseudoklasse sammen med pseudoklasserne link, hover og active.

Syntaks

cssa:active {
  
}

Eksempel

Et ubesøgt link vil være rødt, et besøgt link - blåt. Hvis du holder musen over det - vil det blive grønt, og hvis du klikker venstre musetast og holder den nede - vil det blive 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 angiver stil for et ubesøgt link
  • pseudoklasse visited,
    som angiver stil for et besøgt link
  • pseudoklasse hover,
    som angiver stil for et link ved hover
  • pseudoklasse focus,
    som angiver stil for et link i fokus