Les pseudo-classes sont matière courantes sur le web, il est probable que vous en ayez déjà utilisé sans même le savoir. L'un des exemples les plus fréquents est :hover
.
Leur utilité principale est de permettre d'ajouter ou de redéfinir des styles à un élément lorsqu'il respecte une condition particulière.
Par exemple, si un élément est survolé par la souris, sa condition est :hover
Liens
Les pseudo-classes sont particulièrement utiles pour gérer l'apparence des liens en fonction de leur état.
Par exemple, voici les états d'un lien sur Wikipedia
:link
Lorsque le lien n'a pas encore été visité.
:hover
Lorsqu'il est survolé.
:active
Lorsque le bouton de la souris est enfoncé.
:visited
Lorsqu'il a déjà été visité.
:focus
Lorsque le lien reçoit le focus.