小议SASS和LESS的区别

SASS和LESS均是CSS的一种扩展技术，其本身不能替代CSS，但能帮助我们简化代码，用更少的代码做更多的事。

LESS和SASS在语法上有些共性，比如下面这些：

• 混入(Mixins)——class中的class；
• 参数混入——可以传递参数的class，就像函数一样；
• 嵌套规则——Class中嵌套class，从而减少重复的代码；
• 运算——CSS中用上数学；
• 颜色功能——可以编辑颜色；
• 名字空间(namespace)——分组样式，从而可以被调用；
• 作用域——局部修改样式；
• JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

（1）SASS和LESS的一个主要区别，即LESS是基于JavaScript的，是在客户端处理的，而SASS是基于Ruby的，是在服务器端处理的。。很多开发者不会选择LESS因为JavaScript引擎需要额外的时间来处理代码然后输出修改过的CSS到浏览器。

（2）SASS和LESS在变量作用域上也有明显差别。LESS具有全局变量，而SASS暂时不具有全局变量的概念。

（3）SASS比LESS更完善的点还在于SASS能通过@function的方式编辑函数；通过@for循环或者@each循环对数据进行循环；通过@if else对数据进行判断。