Les pseudo-classes et pseudo-éléments

Accès rapide aux propriétés :

Pseudo-classes et pseudo-éléments
Pseudo-classe / Pseudo-élément Description Informations Support navigateur Implémentation
Pseudo-classe / Pseudo-élément Description Informations Support navigateur Implémentation
:link

Définit un style particulier pour un lien non visité.

Quand toutes les pseudo-classes sont utilisées pour les liens, l'ordre suivant doit être respecté : :link, :visited, :hover, :active.
  • IE 3+
  • NS 4+
  • O 3.6+
 CSS1
:visited

Définit un style particulier pour un lien visité.

Cf. :link
  • IE 3+
  • NS 4+
  • O 3.6+
 CSS1
:hover

Définit un style particulier pour tout élément survolé.

Note : sous IE, la pseudo-classe :hover ne s'applique qu'aux liens.

Cf. :link
  • IE 4+ (lien uniquement)
  • NS 6+
  • O 7+
 CSS2
:active

Définit un style particulier pour un lien activé.

Cf. :link
  • IE 4+
  • NS 6+
  • O 7+
 CSS2
:focus

Définit un style particulier pour un lien ou un élément de formulaire ayant le focus.

Si la pseudo-classe ":focus" est ajoutée pour les liens, l'ordre devient : :link, :visited, :hover, :focus, :active.
  • NS 6+
  • O 7+
 CSS2
:first-line

Définit un style particulier pour la première ligne d'un texte.
  • IE 5.5+
  • NS 6+
  • O 3.6+
 CSS1
:first-letter

Définit un style particulier pour la première lettre d'un texte.
  • IE 5.5+
  • NS 6+
  • O 3.6+
 CSS1
:before

Insère un contenu avant celui d'un élément.

Note : supporté par peu de navigateurs.
  • NS 6+
  • O 5+
 CSS2
:after

Insère un contenu après celui d'un élément.

Note : supporté par peu de navigateurs.
  • NS 6+
  • O 5+
 CSS2