Sass和Less的区别，应该选less还是sass

什么是Sass，什么是Less

• Sass和Less都属于CSS预处理器
• 通俗的讲，就是用一种专门的编程语言，进行 Web 页面样式设计，再通过编译器转化为正常的 CSS 文件，以供项目使用。

区别

• Less环境较Sass简单
  Sass的安装需要安装Ruby环境，Less基于JavaScript，是需要引入Less.js来处理代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放在项目中，有less.app、SimpleLess、CodeKit.app这样的工具，也有在线编辑地址。
• Less使用较Sass简单
• Sass较Less略强大一些
  sass有变量和作用域；sass有函数的概念；进程控制；数据结构等；
• Less与Sass处理机制不一样
  前者是通过客户端处理的，后者是通过服务端处理，相比较之下前者解析会比后者慢一点；
• 变量在Less和Sass中的唯一区别就是Less用@，Sass用$。

相同之处

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

为什么选择使用Sass而不是Less？

• Sass有更成熟的框架，比如说Compass，而且有很多框架也使用Sass，比如说Foundation；
• 就国外讨论的热度来说，Sass绝对优于less；
• 在国内less集中的教程是less中文官网，而Sass的中文教程，在国内较为普遍；
• sass也是成熟的CSS预处理器之一，而且有一个稳定，强大的团队在维护；
• scss对sass语法进行了改良，sass 3变成了Scss(sassy css)。与原来的语法兼容，只是用{}取代了原来的缩进;
• bootstrap（Web框架）最新推出的版本4，使用的就是Sass，可以看出sass有更多市场价值。

结论：如果没有特殊需求，建议使用sass进行开发。