Pseudo-classes

Résumé

Une pseudo-classe CSS est un mot-clé ajouté au sélecteur pour indiquer un état particulier de l'élément qui doit être sélectionné. Par exemple, :hover, appliquera le style quand l'utilisateur survolera l'élément visé par le sélecteur.

Les pseudo-classes, ainsi que les pseudo-éléments, permettent d'appliquer une décoration à des éléments non seulement en relation avec le contenu de l'arborescence du document, mais aussi avec des facteurs externes comme l'historique du navigateur (:visited par exemple), l'état du contenu (comme :checked pour les formulaires), ou la position du pointeur (comme :hover qui permet de savoir si le pointeur survole un élément ou non).

Syntaxe

selecteur:pseudo-classe {
  propriété: valeur;
}

Index des pseudo-classes standard

Specifications

Specification Statut Commentaire
Fullscreen API Living Standard Définit:fullscreen.
WHATWG HTML Living Standard Living Standard Pas de changement pour HTML5.
Selectors Level 4 Working Draft Définit :any-link, :local-link, :scope, :active-drop-target, :valid-drop-target, :invalid-drop-target, :current, :past, :future, :placeholder-shown, :user-error, :blank, :nth-match(), :nth-last-match(), :nth-column(), :nth-last-column(), and :matches().
Pas de changements pour les pseudo-classes définit dans Selectors Level 3 et HTML5 (bien que la définition sémantique ne soit par reprise).
HTML5 Candidate Recommendation Définit  la sémantique, dans le contexte HTML, de :link, :visited, :active, :enabled, :disabled, :checked, and :indeterminate.
Définit :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write, et :dir().
CSS Basic User Interface Module Level 3 Working Draft Definit :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, et :read-write, mais sans la signification sémantique associée.
Selectors Level 3 Recommendation Définie :target, :root, :nth-child(), :nth-last-of-child(), :nth-of-type(), :nth-last-of-type(), :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty, et :not().
Définie la syntaxe de :enabled, :disabled, :checked, and :indeterminate, mais sans la signification sémantique associée.
Pas de changement significatif pour les pseudo-classes définit dans CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1) Recommendation Définie :lang(), :first-child, :hover, et :focus.
Pas de changement significatif pour les pseudo-classes définit dans CSS Level 1.
CSS Level 1 Recommendation Définie :link, :visited, and :active, mais sans la signification sémantique associée.

 

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, Goofy, louuis, FredB, tregagnon
Dernière mise à jour par : teoli,