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)

  • 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