Pseudoklasse active

De pseudoklasse active definieert stijlen voor een link op het moment dat erop wordt geklikt (ingedrukt en nog niet losgelaten - zolang de knop niet is losgelaten, werken de gedefinieerde stijlen).

Meestal wordt deze pseudoklasse gecombineerd gebruikt met de pseudoklassen link, hover en active.

Syntaxis

cssa:active {
  
}

Voorbeeld

Een niet-bezochte link is rood van kleur, een bezochte link - blauw. Als je er met de muis overheen gaat - wordt deze groen, en als je op de linkermuisknop klikt en deze ingedrukt houdt - wordt deze 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

  • pseudoklasse link,
    die de stijl definieert voor een niet-bezochte link
  • pseudoklasse visited,
    die de stijl definieert voor een bezochte link
  • pseudoklasse hover,
    die de stijl definieert voor een link bij hover
  • pseudoklasse focus,
    die de stijl definieert voor een link in focus