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
:active:checked:default:dir():disabled:empty:enabled:first:first-child:first-of-type:fullscreen:focus:hover:indeterminate:in-range:invalid:lang():last-child:last-of-type:left:link:not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:optional:out-of-range:read-only:read-write:required:right:root:scope:target:valid:visited
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,