Zum Inhalt springen

Pseudoelement

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Ein Pseudoelement spricht einen Teil an, den es im Dokument gar nicht gibt, etwa die erste Zeile oder einen erzeugten Inhalt davor.

Pseudoelement

Selektorzusatz mit zwei Doppelpunkten, der einen Teil eines Elements anspricht, für den es kein eigenes Markup gibt.
Beispiel: „Ein Pseudoelement wird mit zwei Doppelpunkten geschrieben.“

Die gebräuchlichen

::before und ::after für erzeugten Inhalt, ::first-line und ::first-letter für typografische Feinheiten, ::placeholder für den Hinweistext in Formularfeldern, ::selection für markierten Text, ::marker für die Aufzählungszeichen einer Liste.

Ein Doppelpunkt oder zwei

Die zwei Doppelpunkte unterscheiden Pseudoelemente von Pseudoklassen. Die alten vier funktionieren aus Rücksicht auf Bestandsseiten auch mit einem, neuere nur mit zweien. In neuem Code schreibt man durchgehend zwei.

Siehe auch:

Pseudoklasse

Spricht einen Zustand oder eine Position an.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

::before und ::after

Erzeugen Inhalt vor oder nach einem Element.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Selektor (CSS)

Bestimmt, für welche Elemente eine Regel gilt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Element (HTML)

Ein Bestandteil des Dokuments, erzeugt durch ein Tag oder ein Tag-Paar.

#Frontend-Entwicklung (HTML, CSS, JavaScript)