CSS - Pseudo-classe: active

La description

La pseudo-classe : active est utilisée pour ajouter un effet spécial à un élément activé.

Lors de la définition de pseudo-classes dans un bloc <style> ... </style>, les points suivants doivent être pris en compte -

  • a: hover DOIT venir après a: link et a: viewed dans la définition CSS pour être efficace.

  • a: active DOIT venir après un: hover dans la définition CSS pour être efficace.

  • Les noms de pseudo-classes ne sont pas sensibles à la casse.

  • Les pseudo-classes sont différentes des classes CSS mais elles peuvent être combinées.

Valeurs possibles

  • color - Toute valeur de couleur valide.

S'applique à

Élément Anchor / Link.

Exemple

Voici l'exemple qui montre comment utiliser : active class pour changer la couleur des liens actifs.

<html>
   <head>
      <style type = "text/css">
         a:active {color: #FF00CC}
      </style>
   </head>

   <body>
      <a href = "/html/index.htm">Click This Link</a>
   </body>
</html>

Cela produira le lien suivant. Cela changera sa couleur en rose lorsque l'utilisateur cliquera dessus.