sass,less相关语法

sass,less都是css预处理器，css预处理器是一种专门的语言，可以被编译成正常的css

sass

ruby是开源的服务器端脚本语言
scss后缀名为.scss, sass是用ruby语言编写的,运行scss，必须先安装ruby环境
可以使用koala或者webpack将sass,less编译成css文件

Sass语法

1. 可以使用 $定义变量 如$size:100px;
2. 可以进行选择器的嵌套，可以在嵌套的内部使用&表示选择器的继承
3. 可以使用@extend 类名 继承某个类的样式
4. 混用：可以传参
5. 可以写逻辑,if和for循环，不加括号，if和for前面加@

Less

后缀名为,less

Less语法

1. 声明变量使用@变量名：值
2. 混入：将定义好的样式引入另一个样式中，类似于函数调用
3. 继承字体图标的使用