Sass 和 Less 的区别

一. Sass 和 Less 的定义

sass 与 less都是一种动态样式语言，对css赋予了一些动态语言特性

二. 它们的区别大致有以下几种

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