Less、Sass和SCSS

（一）区别：

• Less（可在客户端和服务端运行）是一种动态样式语言，对css赋予了动态语言的特性，如：变量、继承、运算、函数。
• SCSS为Sass的升级版本，兼容Sass功能，又新增功能。SCSS 需要使用分号和花括号而Sass用换行和缩进。
• Sass/SCSS与Less的区别：

• • 编译环境不一样
  • 变量符不一样，Less是@，SCSS是$，且变量作用域也不一样
  • 输出设置，Less没有，Sass有4种：nested、compact、compressed、expanded
  • Sass支持条件语句，Less不支持
  • 工具库不一样：Sass-->compass（关系类似于JS和JQ）；Less-->UI组件库Bootstrap

（二）网站：

• Less快速入门中文文档：https://less.bootcss.com/
• Sass快速入门中文文档：https://www.sasscss.com/getting-started/
• SCSS 与 Sass 异同：http://sass.bootcss.com/docs/scss-for-sass-users/