sass和less的异同

相同点

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的，是在服务器端处理的。