---
title: CSS-Präprozessor
slug: Glossary/CSS_preprocessor
tags:
  - CSS
translation_of: Glossary/CSS_preprocessor
original_slug: Glossary/CSS_Praeprozessor
---
<p><span class="seoSummary">Ein <strong>CSS-Präprozessor</strong> ist ein Programm zur Generierung von {{Glossary("CSS")}} aus der des Präprozessors eigenen {{Glossary("Syntax")}}.</span> Es gibt eine Vielzahl von CSS Präprozessoren aus denen man wählen kann. Die meisten davon stellen Funktionen zur Verfügung, die in reinem CSS nicht verfügbar sind, wie beispielsweise Mixins, Nesting Selectors, Inheritance Selectors und andere. Diese Funktionen verhelfen der Struktur des CSS zu mehr Lesbarkeit und besserer Pflegbarkeit.</p>

<p>Um einen CSS-Präprozessor nutzen zu können, müssen Sie, lokal oder auf Ihrem Web{{Glossary("server")}}, einen CSS-Kompilierer installieren.</p>

<h2 id="Mehr_erfahren">Mehr erfahren</h2>

<h3 id="Allgemeinwissen">Allgemeinwissen</h3>

<p>Hier sind einige der beliebtesten CSS-Präprozessoren:</p>

<ul>
 <li><a href="http://sass-lang.com/">SASS</a></li>
 <li><a href="http://lesscss.org/">LESS</a></li>
 <li><a href="http://stylus-lang.com/">Stylus</a></li>
 <li><a href="http://postcss.org/">PostCSS</a></li>
</ul>