css预处理器是一种专门用来为css增加编程特性的编程语言，css本身不是编程语言。

css预处理器的作用：

css语法不够强大，选择器无法嵌套，导致css中存在较多重复的选择器语句；
css无法定义变量，没有合理的样式复用机制，css预处理器为css提供样式复用机制，减少css代码冗余，提高css可维护性；
工作流程（以sass为例）：

以sass提供的语法规则编写样式；
编译器把sass代码转换成标准的css代码；
浏览器加载解析后的css样式；
主流css预处理器：

sass：最早最成熟的css预处理器，有两种语法，分别以.sass和.scss为扩展名，scss兼容css3
less
stylus：主要用来给node项目进行css预处理，以.styl为扩展名