Zum Inhalt springen

CSS-Präprozessor (Sass / SCSS, Less)

oder auch Less, SCSS, Sass

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 CSS-Präprozessor erweitert CSS um Variablen, Verschachtelung und Funktionen und übersetzt das Ergebnis in gewöhnliches CSS.

CSS-Präprozessor (Sass / SCSS, Less)

Werkzeug, das eine erweiterte Schreibweise in gewöhnliches CSS übersetzt.
Beispiel: „Ein CSS-Präprozessor läuft beim Bauen, nicht im Browser.“

Auch: Sass, SCSS, Less.

Was sie mitbringen

Variablen, Verschachtelung, Teildateien, die zu einer zusammengefügt werden, Funktionen für Farben und Maße, und wiederverwendbare Bausteine. SCSS ist dabei die Schreibweise, die wie CSS aussieht; jede gültige CSS-Datei ist auch gültiges SCSS.

Was davon noch gebraucht wird

Weniger als früher. Variablen und Verschachtelung kann CSS selbst, und sie sind dort mächtiger, weil sie im Browser weiterleben. Geblieben sind die Aufteilung in viele Dateien und die Funktionen für Farbberechnungen.

Für ein neues Projekt lohnt die Frage, ob es ihn wirklich braucht. Ein Schritt weniger beim Bauen ist ein Schritt weniger, der kaputtgehen kann.

Siehe auch:

CSS-Variablen (Custom Properties)

Eigene Eigenschaften, die im Browser weiterleben.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

CSS-Nesting

Regeln ineinanderschreiben, ohne Präprozessor.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

CSS

Die Sprache, in der das Aussehen einer Website beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Stylesheet

Die Sammlung der Regeln, mit denen eine Website gestaltet wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)