CSS :hoverSélecteurs
Manuel de référence complet des sélecteurs CSS
Exemple
Sélectionnez le style lorsque la souris passe sur un lien :
Essayez-le vous-même »
Définition et utilisation
:hover ajoute un style spécial lorsque la souris est déplacée sur un lien.
Astuce :Le sélecteur :hover peut être utilisé sur tous les éléments, pas seulement sur les liens.
Astuce : :linkLe sélecteur définit le style des liens de page non visités.:visitedLe sélecteur définit le style des liens de page visités.:activeLe sélecteur définit le style pour lorsqu'on clique sur un lien.
Remarque :Pour obtenir l'effet souhaité, dans la définition CSS, :hover doit être placé après :link et :visited !!
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Sélecteurs | |||||
|---|---|---|---|---|---|
| :hover | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Remarque :Doit être déclaré dans IE<!DOCTYPE>C'est uniquement de cette façon que le sélecteur :hover peut être garanti de fonctionner efficacement.
Pages associées
Tutoriel CSS :Liens CSS
Tutoriel CSS :Pseudo-classes CSS
Essayez-le vous-même - Exemples
Exemple
Liens qui sont actifs, visités, non visités, ou survolés par la souris :
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
Essayez-le vous-même »
Exemple
Différents styles de liens
a.ex2:hover,a.ex2:active {font-size:150%;}
Essayez-le vous-même »
autres extensions