/ Code Css :active | Résultat du code Css :active | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code du sélecteur CSS :active.

<style type="text/css">
a { text-decoration : overline; }
a.baliseP { text-decoration:line-through; }
input.bouton { text-decoration:line-through; }
span.baliseSpan { text-decoration:line-through; }
</style>
Lien avec feuille de style globale (sur toutes les balises A):<br>
<a href="#">Cliquez sur le Lien</a><br>
a.baliseP:active { text-decoration:line-through; }<br>
<a href="#" class="baliseP">Cliquez sur le lien</a><br>
input.bouton:active { text-decoration:line-through; }<br>
<input type="button" class="bouton" value="cliquer moi"><br>
input.bouton:active {text-decoration:line-through; }<br>
<span class="baliseSpan">Cliquez moi</span>

Interprétation du code du sélecteur :active CSS par votre navigateur.

Lien avec feuille de style globale (sur toutes les balises A):
Cliquez sur le Lien
a.baliseP:active { text-decoration:line-through; }
Cliquez sur le lien
input.bouton:active { text-decoration:line-through; }

input.bouton:active {text-decoration:line-through;}
Cliquez moi

Interprétation normale du code du sélecteur CSS :active (copie d'écran).

copie d'écran de l'affichage du sélecteur CSS :active