less和sass的区别

1.编译环境不一样

sass的安装需要Ruby环境,是在服务器端处理的,而less是需要引入less.js来处理less代码输出css到浏览器,也可以在node中使用less,然后编译成css文件.

2.变量符不一样,less是@ ,而sass是$ 而且变量的作用域也不一样.

3.输出设置,less没有输出设置,sass提供4中输出选项 :nested(默认),compact,compressed 和 expanded.

4.sass支持条件语句,可以使用if{},for{}循环等等,而less不支持.

5.引用外部css文件,scss引用外部文件命名必须以_开头.sass会认为改文件是一个引用文件 ,不会将其编译为css文件,less引用外部文件和css中的@import没差异.

6.sass和less的工具库不同

Sass有工具库Compass, 简单说，Sass和Compass的关系有点像Javascript和jQuery的关系,Compass是Sass的工具库。在它的基础上，封装了一系列有用的模块和模板，补充强化了Sass的功能。

Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库，Bootstrap的样式文件部分源码就是采用Less语法编写。