# Preprocesador CSS

Un preprocesador CSS es un programa que te permite generar [CSS](https://developer.mozilla.org/es/docs/Glossary/CSS) a partir de la [syntax (en-US)](https://developer.mozilla.org/en-US/docs/Glossary/Syntax) única del preprocesador. Existen varios preprocesadores CSS de los cuales escoger, sin embargo la mayoría de preprocesadores CSS añadiran algunas características que no existen en CSS puro, como [variable](https://developer.mozilla.org/es/docs/Glossary/Variable), mixins, selectores anidados, entre otros. Estas características hacen la estructura de CSS más legible y fácil de mantener.

Para utilizar un preprocesador CSS debes instalar un compilador CSS en tu web [server (en-US)](https://developer.mozilla.org/en-US/docs/Glossary/Server).

### [Aprende más](https://developer.mozilla.org/es/docs/Glossary/CSS_preprocessor#aprende_m%C3%A1s) <a href="#aprende_mas" id="aprende_mas"></a>

#### [Conocimiento general](https://developer.mozilla.org/es/docs/Glossary/CSS_preprocessor#conocimiento_general) <a href="#conocimiento_general" id="conocimiento_general"></a>

Estos son algunos de lo preprocesadores CSS más populares:

* [SASS](https://sass-lang.com/)
* [LESS](https://lesscss.org/)
* [Stylus](http://stylus-lang.com/)
* [PostCSS](http://postcss.org/)
