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

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.

En savoir plus Article MDN à propos de la mise en forme des liens.