CSS te permite diseñar una página web, pero para diseñar un solo elemento se necesita escribir mucho código. Este puede ser difícil de leer y difícil de mantener. Esto se debe a que CSS carece de variables y funciones que poseen otros lenguajes de programación, lo que te obliga a repetir código.
CSS ha evolucionado y se han añadido métodos para escribir código CSS más eficientemente , esto se consigue a través de los preprocesadores de CSS. El objetivo de estos preprocesadores es tener un código más sencillo de mantener y editar.
Un preprocesador te permite escribir CSS en un idioma alternativo (muy parecido al CSS nativo) y ofrece funciones avanzadas como variables, funciones y la posibilidad de incluir archivos.
Una vez que el código CSS esté escrito en este nuevo idioma, se compilará para volver a transformarse en CSS nativo, el único que los navegadores web pueden entender.
Los procesadores más conocidos son SASS, LESS, Stylus, PostCSS.
