什么是css预处理器？

定义：

css预处理器定义了一种新的语言，基本思想，用一种专门的编程语言

为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就只要使用

这种语言进行编码工作。

CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，

然后再编译成正常的css文件，以供项目使用。

css预处理器为css增加一些编程例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

$color: red;

.test {
    color: $color;
}