Pseudoclasse active

La pseudoclasse active definisce gli stili per un link nel momento in cui viene cliccato (si preme e non si rilascia il pulsante - finché non lo rilasciamo, gli stili definiti funzionano).

Di solito questa pseudoclasse viene applicata insieme alle pseudoclassi link, hover e active.

Sintassi

cssa:active {
  
}

Esempio

Un link non visitato sarà di colore rosso, un link visitato - di colore blu. Se ci passi sopra il mouse - diventerà verde, e se clicchi il pulsante sinistro del mouse e lo tieni premuto - diventerà nero (stato active):

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

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

Результат:

Vedi anche