CSS/Selektoren/Pseudoklasse

Leseempfehlung: CSS/Selektoren/Terminologie

Bei Pseudoklassen handelt es sich um einfache Selektoren, die ein Element dann ansprechen, wenn es eine bestimmte Eigenschaft besitzt. So lassen sich zum Beispiel Elemente auswählen, über denen sich gerade der Mauszeiger befindet oder Elemente, die das erste Kindelement eines anderen Elementes sind. CSS unterscheidet:

• strukturelle Pseudoklassen
  • :root
  • :empty
  • :first-child
  • :last-child
  • :nth-child()
  • :nth-last-child()
  • :only-child
  • :first-of-type
  • :last-of-type
  • :nth-of-type()
  • :nth-last-of-type()
  • :only-of-type

• dynamische Pseudoklassen
  • :any-link, :link, :visited
  • :hover, :active, :focus
  • :focus-within
  • :target
  • :disabled, :enabled, :checked
  • :valid, :invalid
  • :in-range, :out-of-range
  • :placeholder-shown

• :lang(), für Sprachangaben
• :not(), für Negationen
• :matches(), als Struktur für eine Liste von Selektoren