Zum Inhalt springen

Elementselektor

oder auch Typselektor

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

Der Elementselektor ist der einfachste Selektor: der Name eines Elements. Er trifft alle Elemente dieser Art im Dokument.

Elementselektor

Selektor, der aus dem Namen eines Elements besteht und alle Elemente dieser Art trifft.
Beispiel: „Ein Elementselektor unterscheidet nicht, wo das Element steht.“

Auch: Typselektor.

Wofür er taugt

h2 { font-size: 1.75rem; }
p { margin-bottom: 1rem; }

Für Grundeinstellungen, die im ganzen Dokument gelten sollen: Schriftgrößen der Überschriften, Abstände unter Absätzen, Listendarstellung. Sein Gewicht ist mit 0-0-1 das niedrigste, deshalb lässt sich jede dieser Regeln später mit einer Klasse überschreiben.

Wo er zu grob ist

Sobald dasselbe Element an verschiedenen Stellen verschieden aussehen soll. Dann führt der Weg über eine Klasse, nicht über einen längeren Pfad aus Elementnamen.

Siehe auch:

Selektor (CSS)

Bestimmt, für welche Elemente eine Regel gilt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Klassenselektor

Der Punkt vor einem Klassennamen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Spezifität (Specificity)

Entscheidet, welcher von mehreren Selektoren gewinnt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Element (HTML)

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

#Frontend-Entwicklung (HTML, CSS, JavaScript)