Pseudoklassen und Pseudoelemente

Zustände und Positionen mit Pseudoklassen sowie virtuelle Teilbereiche mit Pseudoelementen gestalten.

Kostenlos · Ohne Zeitlimit · In deinem Tempo

Zuerst verstehen ↓

Dein nächster Schritt

Neues verstehen.

Schritt für Schritt.

Übe, überprüfe dein Wissen und lerne aus deinen Antworten.

Fragen: 10
Dauer: ca. 5–10 Min.
Internes Trainingsziel: 60 %

Verstehen
Grundlagen in Ruhe anschauen.
Ausprobieren
Antworten wählen und bei Bedarf ändern.
Weiterkommen
Nach der Abgabe Lösungen mit Erklärungen sehen.

VERSTEHEN

Kurz erklärt. Gut vorbereitet.

Grundlage und Beispiel

Pseudoklassen beginnen mit einem Doppelpunkt und beschreiben Zustände oder Positionen, etwa :hover, :focus, :visited, :first-child, :last-child und :nth-child(). Pseudoelemente verwenden üblicherweise zwei Doppelpunkte und sprechen virtuelle Bereiche an, etwa ::before, ::after, ::first-line oder ::first-letter. Tastaturfokus muss sichtbar bleiben; Hover allein genügt nie als einzige Interaktionserklärung.