sass 和Less 都是css 的扩展,目的都是使css更方便 更强大 他们的 主要区别在于:
1、sass 更加强大 ,less 更简单
2、编译环境不一样:
less是通过js编译 是在客户端处理
sass同通过ruby 是在服务器端处理
3、sass支持条件语句,可以使用if{}else{},for{}循环等等。而less不支持。
4、less没有输出设置,sass提供4中输出选项:nested, compact, compressed 和 expanded。
输出样式的风格可以有四种选择,默认为nested
nested:嵌套缩进的css代码
expanded:展开的多行css代码
compact:简洁格式的css代码
compressed:压缩后的css代码
5、声明变量方式不同:
less ::@变量名:变量值;
sass:$变量名:变量值;
6|、Sass和Less的工具库不同
Sass有工具库Compass, 简单说,Sass和Compass的关系类似于像Javascript和jQuery的关系,Compass在Sass的基础上,封装了一系列有用的模块和模板,补充强化了Sass的功能。
Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是采用Less语法编写。
7.总结
less和sass各有各自的好处,二者的出现都是为了同一个目的:提高开发效率!每个开发者根据自己的习惯和爱好来选择。