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

Exemple de code du sélecteur CSS :hover.

<style>
.exemple-hover{ text-decoration:line-through; color:red !important }
.exemple { border:1px solid #666; margin-bottom:10px; padding:5px; }
</style>
<form class="exemple"><textarea>sans pseudo-classe :hover{}</textarea></form>
<form class="exemple"><textarea class="exemple-hover">:hover{  text-decoration:line-through; color:red !important}</textarea></form>
<div class="exemple">
<a href="#">sans pseudo-classe :hover{}</a><br>
</div>
<div class="exemple">
<a href="#" class="exemple-hover">:hover{  text-decoration:line-through; color:red !important}</a>
</div>
<div class="exemple">
 sans pseudo-classe :hover{}
</div>
<div class="exemple exemple-hover">
 :hover{  text-decoration:line-through; color:red !important}
</div>
 

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

sans pseudo-classe :hover{}
:hover{ text-decoration:line-through; color:red !important}
sans pseudo-classe :hover{}
:hover{ text-decoration:line-through; color:red !important}

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

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