Pseudo-classes

von 2 Mitwirkenden:

Eine CSS Pseudoklasse ist ein Schlüsselbegriff, welcher hinter einen Selektor gestellt wird, um einen spezifischen Zustand abzufragen. So steht bspw. :hover für Elemente, welche 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 Living Standard :fullscreen hinzugefügt
WHATWG HTML Living Standard Living Standard Keine Änderungen seit HTML5.
Selectors Level 4 Working Draft :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 Candidate Recommendation :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 Working Draft :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only und :read-write hinzugefügt
Selectors Level 3 Recommendation :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) Recommendation :lang(), :first-child, :hover und :focus hinzugefügt.
Keine Änderungen der bisherigen Pseudoklassen aus CSS Level 1.
CSS Level 1 Recommendation :link, :visited und :active hinzugefügt

 

Schlagwörter des Dokuments und Mitwirkende

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