共计 500 个字符，预计需要花费 2 分钟才能阅读完成。
背景：大厂的任职要求里还有一条是：熟悉使用 Sass.Less 等 CSS 预编译工具。学习一样东西的第一步就是首先知道它是什么
CSS 预编译工具
有人开发了一些扩展 CSS 功能的写法，比如 less,sass, 其目的是让 css 能支持一些编程语言才有的功能，比如：表达式，函数，变量，循环，判断. 有这些功能就能方便重复定义，写 css 时省事. 举以下例子.
var colorRed {color:red}// 用 var 定义一个字体颜色变量样式
// 定义一个新闻列表样式
.news-list{
font-size:12px;
line-height:1.76;
color:@colorRed;
// 这里文字颜色引用自变量 var colorRed
}
上面这段扩展 css 语言的写法里面有变量，然而浏览器的 css 解析引擎是不认识 css 里面的 var 这些东西的，这就是一个无效的 css，所以这些扩展 css 的语言有预处理器，作用是把上面这段浏览器不认识的代码，还原为浏览器认识的 CSS 标准发给浏览器解析. 如下：
.news-list{
font-size:12px;
line-height:1.76;
color:red;
}
以上见解参考以下链接, 可点击查看.
正文完
