Pseudoclasse active

A pseudoclasse active define os estilos para um link no momento em que ele é clicado (clicamos e não soltamos o botão - enquanto não soltamos, os estilos definidos funcionam).

Geralmente, essa pseudoclasse é aplicada em conjunto com as pseudoclasses link, hover e active.

Sintaxe

cssa:active {
  
}

Exemplo

Um link não visitado será vermelho, um link visitado - azul. Se você passar o mouse sobre ele - ficará verde, e se você clicar e segurar o botão esquerdo do mouse - ficará preto (estado active):

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

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

Результат:

Veja também