css（cascadiing style sheets层叠样式表）
SASS是用Ruby语言写的，两者的语法没有关系，使用时先安装Ruby，再安装SASS。
Scss 是sass 3引入的新语法，其语法完全兼容css3，并且继承了sass
Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量，Mixin，函数等特性，使CSS更易维护和扩展。Less可以运行在Node或者浏览器端。后缀名.less
区别
-
编译的环境不一样，SASS使用的是Ruby环境，是在服务端处理的。LESS需要引入less.js来处理LESS代码输出CSS到浏览器，也可以在开发环节使用LESS，然后编译成css文件
-
变量符不一样，LESS是@，Sass是$，而且变量的作用域也不一样。
-
LESS没有输出设置，Sass提供4种输出选项，nested（嵌套缩进的CSS代码，是默认值），compact（简洁格式的css代码），compressed（压缩后的css代码）和expanded（没有缩进的、扩展的css代码）。在生产环境中一般使用compressed，如sass –style compressed test.sass test.css。
-
Sass支持条件语句，可以使用if else，for循环等，而LESS不支持。
-
SASS引用的外部文件命名必须以_开头。文件名如果以下划线开头，Sass会认为该文件是一个引用文件，不会将其便以为CSS文件。LESS引用外部文件和css中的@import没有什么差异。
-
Sass和less的工具库不同
- Sass有工具库Compass（如同JavaScript和Jquery的关系），Compass在SASS的基础上封装了一系列有用的模块和模板，补充强化了SASS的功能。
- LESS有UI组件库Boostrap，boostrap的样式文件部分源码才引用了LESS的语法编写。
来源：CSDN
作者：低眉
链接：https://blog.csdn.net/weixin_43735746/article/details/101775009