less和sass最主要的区别是less是通过Javascript编译,而sass是通过ruby编译的,如果没有引入前端工程化,less会消耗客户端性能,sass会消耗服务端性能,但是引入前端工程化的话,gunt,gulp,webpack等,less和sass在打包阶段都会转化成css,所以不会有区别,只是sass是基于ruby,所以每次npm的时候相对慢一点点(实际体会);
语法都不一样:比如less的变量声明是@xxx,而sass的变量声明是$xxx,所以只需要选择一个去学语法就够了,相对来说sass的语法更新鲜明好记,便于阅读,普遍度高,sass和scss两种模式,你可以选择带大括号{}的,也可以选择对齐型的,看个人习惯了。
![](https://img.haomeiwen.com/i5141942/7e7dabe1cde0ce1e.png)
注:LESS可以在客户端上运行(IE6+、Webkit、Firefox等),也可以在服务端运行(Node.js、Rhino)。
共同点就是从此css变成了js,在sass和less里面可以有变量,运算,混合,嵌套,继承,条件判断,自定义函数等等,这个他们都有.
![](https://img.haomeiwen.com/i5141942/5d11f3ec404275e1.png)
网友评论