css预处理语言

随着前端越来越强大，
那么今天简单介绍一下什么叫做“css预处理语言”~
希望大家喜欢

css预处理语言

扩展了 CSS 语言增加了一些编程特性，例如可以在 CSS
中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，增加了变量、嵌套、运算、混入(Mixin)、继承、颜色处理、函数等特性。
适应性更强，无需考虑浏览器的兼容性问题 让 CSS 更简洁，代码更直观等诸多好处，使 CSS 更易维护和扩展

常用CSS预处理语言

SASS、 LESS、 Stylus
不管SASS也好，LESS也罢，还是Stylus都只是一种工具，各有各的优缺点，选择自己喜欢的用着舒服的就是了。没必要纠结这么多。

SASS与LESS比较

1.编译环境不一样

Sass的安装需要Ruby环境，是在服务端处理的；
Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中

2.变量符不同

Less是@；
Scss是$；
而且变量的作用域也不一样

3.作用域不同

Less-作用域

@color: #00c; /* 蓝色 */
#header {
  @color: #c00; /* red */
  border: