SCSS和LESS的主要区别
SCSS和LESS都是CSS预处理语言，它们在语法、变量定义、Mixin（混合）、继承和实现、注释、导入其他文件等方面存在一些差异。
语法差异
SCSS：使用大括号 {} 来定义代码块，必须以分号 ; 结尾。
LESS：语法更接近CSS，使用大括号 {} 来定义代码块，不需要输入分号 ;
变量和常量
SCSS：使用 $ 符号定义变量，例如 $color: #fff;。
LESS：使用 @ 符号定义变量，例如 @color: #fff;
Mixin（混合）
SCSS：使用 @mixin 关键字定义样式，使用 @include 将混合样式应用到选择器中。
LESS：使用 @mixin 关键字定义多个 CSS 规则，使用 @apply 选择器应用混合后的样式。
继承和实现
SCSS：使用 @extend 关键字扩展样式。
LESS：通过 extend 关键字扩展样式。
注释
SCSS：注释只能使用 /* / 的方式。
LESS：可以使用 // 或者 / */ 的方式。
导入其他文件
SCSS：可以使用 @import 指令导入其他文件，文件后缀可以是 .scss 或 .sass。
LESS：使用 import 关键字导入 .less 文件。
其他区别
编译环境：SCSS 需要 Ruby 环境，而 LESS 基于 JavaScript，需要引入 less.js。
变量作用域：SCSS 的变量作用域更灵活，而 LESS 的作用域相对固定。
功能支持：SCSS 支持条件语句和循环，而 LESS 不支持。
原文地址：https://blog.csdn.net/weixin_44384273/article/details/142525657
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！