Eine Pseudoklasse beschreibt einen Zustand oder eine Position, die nicht im Markup steht: überfahren, fokussiert, das dritte Kind.
- Pseudoklasse
Selektorzusatz mit einem Doppelpunkt, der einen Zustand oder eine Position beschreibt, die nicht im Markup steht.
Beispiel: „Eine Pseudoklasse beginnt mit einem Doppelpunkt.“Abgrenzung zum Pseudoelement: Die Pseudoklasse wählt ein vorhandenes Element in einem Zustand, das Pseudoelement erzeugt einen Teil, den es im Dokument nicht gibt.
Die wichtigsten
:hover während der Zeiger darüber steht, :focus bei Tastatureingabe, :focus-visible nur dann, wenn der Fokus sichtbar sein soll, :first-child und :last-child nach der Position, :nth-child() nach einem Muster, :checked für angehakte Felder, :disabled für gesperrte.
Die neueren
:is() und :where() fassen Selektoren zusammen; :where() zählt dabei nichts für die Spezifität, was es für Grundeinstellungen wertvoll macht. :has() wählt ein Element danach aus, was es enthält, und schließt damit eine jahrzehntealte Lücke.