sass,less都是css预处理器,css预处理器是一种专门的语言,可以被编译成正常的css
sass
ruby是开源的服务器端脚本语言
scss后缀名为.scss, sass是用ruby语言编写的,运行scss,必须先安装ruby环境
可以使用koala或者webpack将sass,less编译成css文件
Sass语法
- 可以使用size:100px;
- 可以进行选择器的嵌套,可以在嵌套的内部使用&表示选择器的继承
- 可以使用@extend 类名 继承某个类的样式
- 混用:可以传参
- 可以写逻辑,if和for循环,不加括号,if和for前面加@
Less
后缀名为,less
Less语法
- 声明变量使用@变量名:值
- 混入:将定义好的样式引入另一个样式中,类似于函数调用
- 继承字体图标的使用