Eine Pseudoklasse in CSS ist ein Schlüsselbegriff, welcher hinter einen Selektor gestellt wird, um einen besonderen Zustand abzufragen. So steht beispielsweise :hover für Elemente, die gerade mit dem Mauszeiger berührt werden.

Mit Pseudoklassen und Pseudoelementen lässt sich eine Seite nicht nur in Bezug auf die Struktur des Inhalts gestalten, sondern auch im Bezug auf andere Faktoren wie zum Beispiel den Browserverlauf  (:visited), eingegebene Formulardaten (:checked) oder die Position des Mauszeigers (:hover).

Syntax

selector:pseudo-class {
  property: value;
} 

Übersicht der standardisierten Pseudoklassen

Spezifikation

Spezifikation Status Anmerkung
Fullscreen API Lebender Standard :fullscreen hinzugefügt
HTML Living Standard Lebender Standard Keine Änderungen seit HTML5.
Selectors Level 4 Arbeitsentwurf :any-link, :local-link, :scope, :active-drop-target, :valid-drop-target, :invalid-drop-target, :current, :past, :future, :placeholder-shown, :user-error, :blank, :nth-match(), :nth-last-match(), :nth-column(), :nth-last-column()und :matches() hinzugefügt.
Keine Änderungen der bisherigen Pseudoklassen aus Selectors Level 3 und HTML5.
HTML5 Empfehlung :link, :visited, :active, :enabled, :disabled, :checked und :indeterminate geändert
:default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, :read-write und :dir() hinzugefügt
CSS Basic User Interface Module Level 3 Vorgeschlagene Empfehlung :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only und :read-write hinzugefügt
Selectors Level 3 Empfehlung :target, :root, :nth-child(), :nth-last-of-child(), :nth-of-type(), :nth-last-of-type(), :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty und :not()
Defined the syntax of :enabled, :disabled, :checked und :indeterminate, hinzugefügt.
Keine Änderungen der bisherigen Pseudoklassen aus CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1) Empfehlung :lang(), :first-child, :hover und :focus hinzugefügt.
Keine Änderungen der bisherigen Pseudoklassen aus CSS Level 1.
CSS Level 1 Empfehlung :link, :visited und :active hinzugefügt

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Claas, Sebastianz, SJW
Zuletzt aktualisiert von: Claas,