Pseudo-classes

2

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

Voir le CodePen de Simon Arnold (@smnarnold).

Remarquez comment les deux points : servent à séparer le sélecteur de base de la pseudo-classe.

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
Donnez votre opinion
sur les notes de cours sur cette page.
Merci d'avoir partagé ton opinion 😎
Pssst, c'est 💯 anonyme