css预处理器是什么意思？

css预处理器是什么意思？

css预处理器用来定义一种新的语言，完全兼容css语法，它为css增加了一些编程的特性，比如变量、函数、逻辑控制。css预处理器编写的css不能直接被浏览器识别，需要编译生成css文件。

通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题”。（相关课程推荐：css视频教程）

例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如下面的代码中就使用了变量$color）等等。

$color: red;
.test {
    color: $color;
}

在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

其它 CSS 预处理器语言：

CSS 预处理器技术已经非常的成熟，而且也涌现出了很多种不同的 CSS 预处理器语言，比如说：

Sass（SCSS）

LESS

Stylus

Turbine

Swithch CSS

CSS Cacheer

DT CSS

到目前为止，在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀，讨论的也多，对比的也多。