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