相同点
sass和less都是Css的预处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和webpack等前端构建工具使用。
差异
1、less定义变量用“@”,saxx用“$”
/*less*/
@width:100px;
.box{
width:@width;
}
/*sass*/
$变量名:值
$width:100px;
.box{
width:$width;
}
如果变量包含字符串则写在 #{}之中
$c:color;
.box{
border-#{$c}:red;
}
2、处理方式不同
Less和Sass的主要不同就是他们的实现方式。
Less是基于JavaScript,是在客户端处理的。
Sass是基于Ruby的,是在服务器端处理的。