liste des pseudo-classes¶
Les sélections possibles à l’aide de pseudo-classes sont :
- pseudo-classes dynamiques
- les éléments liens non visités (
:link
) et déjà visités (:visited
) - les éléments survolés (par exemple par le curseur,
:hover
), activés (par exemple par un clic,:active
) ou mis en avant (par exemple dans le cas d’une navigation au clavier,:focus
) - les éléments ayant un id actuellement ciblé par l’URI du document (
:target
) - les éléments dans un langage donné (
:lang
) - les éléments activés ou désactivés (
:enabled
et:disabled
) - les éléments cochés (boutons radio et cases à cocher,
:checked
)
- les éléments liens non visités (
- pseudo-classes structurelles
- la racine du document (
:root
) - le n-ième élément d’un ensemble d’éléments enfants (
:nth-child
) - les n premiers ou derniers éléments d’un ensemble d’éléments enfants (
:nth-first-child
et:nth-last-child
) - les n premiers ou derniers d’un type donné éléments d’un ensemble d’éléments enfants (
:nth-first-of-type
et:nth-last-of-type
) - le premier ou dernier enfant d’un ensemble d’éléments enfants (
:first-of-type
ou:last-of-type
) - le premier ou dernier enfant d’un type donné d’un ensemble d’éléments enfants (
:first-of-type
ou:last-of-type
) - un élément sans élément frère (
:only-child
) - un élément d’un type donné sans élément frère du même type (
:only-of-type
) - un élément vide
:empty
- sélecteur négatif permettant d’inverser une sélection (par exemple pour sélectionner tous les enfants d’un élément à l’exception du dernier)
:not
- la racine du document (