Pseudo-classe active

La pseudo-classe active définit les styles pour un lien au moment où on clique dessus (on a cliqué et n'a pas relâché le bouton - tant que nous ne le relâchons pas, les styles définis s'appliquent).

Généralement, cette pseudo-classe est utilisée conjointement avec les pseudo-classes link, hover et active.

Syntaxe

cssa:active {
  
}

Exemple

Un lien non visité sera rouge, visitée - bleu. Si vous passez la souris dessus - il deviendra vert, et si vous cliquez sur le bouton gauche de la souris et le maintenez - il deviendra noir (état active):

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

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

Результат:

Voir aussi