1.编译环境不一样
sass的安装需要Ruby环境的,是在服务端上处理的;
而less是需要引入less.js来处理Less代码输出css到浏览器中的,也可以在开发环境中使用Less,然后编译成css文件,直接放到项目里
2.变量符不一样
Less的变量符是@,而Scss的变量符号是$
3.输出设置不一样
Less没有输出设置
Sass提供四种输出选项:
nested: 嵌套缩进的css代码
expanded:展示的多行css代码
compact:简洁格式的css代码
conpressed: 压缩后的css代码
4.Sass支持条件语句,可以使用if{}else{},for{}循环等等,而Less不支持
5.引入外部CSS文件
scss引用的外部文件命名必须以开头,文件名如果以下划线开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件
6.Sass和Less的工具库不同
Sass有工具库 Compass
Less有UI组件库Bootstrap