Zum Inhalt springen

Klasse (Class) (CSS)

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

Eine Klasse ist ein frei vergebener Name, über den sich Elemente gezielt ansprechen lassen. Sie darf beliebig oft vorkommen.

Klasse (Class) (CSS)

Frei vergebener Name an einem Element, über den sich dieses mit CSS oder JavaScript ansprechen lässt.
Beispiel: „Eine Klasse darf auf einer Seite beliebig oft vorkommen.“

Beliebig oft, beliebig viele

Dasselbe Element kann mehrere Klassen tragen, getrennt durch Leerzeichen, und dieselbe Klasse kann an hundert Elementen stehen. Genau das macht sie zum Mittel der Wahl: Eine Regel trifft alle.

Warum nicht die ID

Eine ID darf nur einmal vorkommen und hat eine deutlich höhere Spezifität. Wer mit IDs gestaltet, kann die Regel später kaum noch überschreiben. Für die Gestaltung sind Klassen die richtige Wahl, IDs bleiben Sprungzielen und Formularbeschriftungen vorbehalten.

Siehe auch:

class-Attribut (HTML)

Gibt einem Element eine oder mehrere Klassen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Selektor (CSS)

Bestimmt, für welche Elemente eine Regel gilt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

ID (CSS)

Ein eindeutiger Bezeichner für genau ein Element.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Spezifität (Specificity)

Entscheidet, welcher von mehreren Selektoren gewinnt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

BEM (Namenskonvention)

Block, Element, Modifikator: Struktur im Klassennamen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)