Pseudoklasa active

Pseudoklasa active definiuje style dla linku w momencie kliknięcia w niego (kliknęliśmy i nie puściliśmy przycisku - dopóki go nie puścimy, zdefiniowane style działają).

Zazwyczaj tej pseudoklasy używa się razem z pseudoklasami link, hover i active.

Składnia

cssa:active {
  
}

Przykład

Nieodwiedzony link będzie koloru czerwonego, odwiedzony - niebieskiego. Jeśli najedziesz na niego kursorem myszy - stanie się koloru zielonego, a jeśli klikniesz lewy przycisk myszy i będziesz go przytrzymywać - stanie się koloru czarnego (stan active):

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

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

Результат:

Zobacz też