sass与less的区别 （精解版）

一、了解它们的区别前，首先了解下什么是sass,什么是less
sass与less都是一种动态样式语言，对css赋予了一些动态语言特性，例如变量、继承、运算、函数等
二、它们的区别大致有以下几种：
1.编译环境不一样：
sass的安装需要Ruby环境的，是在服务端上处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中。
2.变量符不一样：
Less是@，而Scss是$
3.输出设置
Sass提供4中输出选项：nested, compact, compressed 和 expanded.
4.Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。
5. 引用外部CSS文件
scss引用的外部文件命名必须以开头, 文件名如果以下划线开头的话，Sass会认为该文件是一个引用文件，不会将其编译为css文件.
6.Sass和Less的工具库不同
Sass有工具库Compass
Less有UI组件库Bootstrap