Sobes.tech
Junior

Quelles pseudo-classes CSS connaissez-vous?

sobes.tech IA

Réponse de l'IA

  • :hover : S'applique à un élément lorsque le pointeur de la souris est dessus.
  • :active : S'applique à un élément lorsqu'il est activé par l'utilisateur (par exemple, lorsqu'un bouton est pressé).
  • :focus : S'applique à un élément lorsqu'il reçoit le focus (par exemple, via la tabulation ou un clic).
  • :visited : S'applique à un lien que l'utilisateur a déjà visité.
  • :link : S'applique à un lien que l'utilisateur n'a pas encore visité.
  • :first-child : Sélectionne le premier élément parmi ses frères.
  • :last-child : Sélectionne le dernier élément parmi ses frères.
  • :nth-child(n) : Sélectionne le n-ième élément parmi ses frères. n peut être un nombre, odd, even ou une formule (par exemple, 2n+1).
  • :not(selector) : Sélectionne les éléments qui ne correspondent pas au sélecteur spécifié.
  • :root : S'applique à l'élément racine du document (<html>).
  • :empty : Sélectionne les éléments qui n'ont pas d'enfants ni de contenu textuel.
  • :target : S'applique à un élément dont l'identifiant correspond au fragment d'URL (partie après #).
  • :checked : S'applique aux éléments de formulaire sélectionnés (par exemple, cases à cocher, boutons radio).
  • :disabled : S'applique aux éléments de formulaire désactivés.
  • :enabled : S'applique aux éléments de formulaire activés.
  • :read-only : S'applique aux éléments de formulaire en lecture seule.
  • :read-write : S'applique aux éléments de formulaire modifiables.
  • :lang(language) : Sélectionne les éléments avec l'attribut lang spécifié.
  • ::before : Crée un pseudo-élément avant le contenu de l'élément sélectionné.
  • ::after : Crée un pseudo-élément après le contenu de l'élément sélectionné.
  • ::first-letter : Sélectionne la première lettre de la première ligne d'un élément de bloc.
  • ::first-line : Sélectionne la première ligne d'un élément de bloc.
  • ::selection : S'applique à la partie de l'élément sélectionnée par l'utilisateur.