Sobes.tech
Junior

Welche CSS-Pseudoklassen kennen Sie?

sobes.tech KI

Antwort von AI

  • :hover: Wird auf ein Element angewendet, wenn der Mauszeiger darüber schwebt.
  • :active: Wird auf ein Element angewendet, wenn es vom Benutzer aktiviert wird (z.B. durch Klicken).
  • :focus: Wird auf ein Element angewendet, wenn es den Fokus erhält (z.B. durch Tab oder Klick).
  • :visited: Wird auf einen Link angewendet, den der Benutzer bereits besucht hat.
  • :link: Wird auf einen Link angewendet, den der Benutzer noch nicht besucht hat.
  • :first-child: Wählt das erste Element unter seinen Geschwistern aus.
  • :last-child: Wählt das letzte Element unter seinen Geschwistern aus.
  • :nth-child(n): Wählt das n-te Element unter seinen Geschwistern aus. n kann eine Zahl, odd, even oder eine Formel (z.B. 2n+1) sein.
  • :not(selector): Wählt Elemente aus, die nicht dem angegebenen Selektor entsprechen.
  • :root: Wird auf das Wurzelelement des Dokuments angewendet (<html>).
  • :empty: Wählt Elemente aus, die keine Kind-Elemente oder Textinhalt haben.
  • :target: Wird auf ein Element angewendet, dessen ID mit dem URL-Fragment übereinstimmt (nach #).
  • :checked: Wird auf ausgewählte Formularelemente angewendet (z.B. Kontrollkästchen, Radio-Buttons).
  • :disabled: Wird auf deaktivierte Formularelemente angewendet.
  • :enabled: Wird auf aktivierte Formularelemente angewendet.
  • :read-only: Wird auf nur-lesbare Formularelemente angewendet.
  • :read-write: Wird auf bearbeitbare Formularelemente angewendet.
  • :lang(language): Wählt Elemente mit dem angegebenen lang-Attribut.
  • ::before: Erstellt ein Pseudo-Element vor dem Inhalt des ausgewählten Elements.
  • ::after: Erstellt ein Pseudo-Element nach dem Inhalt des ausgewählten Elements.
  • ::first-letter: Wählt den ersten Buchstaben der ersten Zeile eines Blockelements.
  • ::first-line: Wählt die erste Zeile eines Blockelements.
  • ::selection: Wird auf den vom Benutzer hervorgehobenen Teil des Elements angewendet.