SCSS 和 LESS 的区别

Question

我读过有关 SCSS 和 LESS 的内容。但我无法清楚地理解其中的差异。 我知道 SCSS 和 LESS 都具有更多 CSS 功能（我的意思是 CSS 的扩展）。

SCSS 和 LESS 有什么不同？ 哪个更好？

Answer 1

Sass和Less都是CSS预处理器。

来自 keycdn.com

CSS 预处理器基本上是一种脚本语言，它扩展 CSS，然后将其编译为常规 CSS。

所以 Sass 和 Less 不会改变 CSS 的功能，因为它们被编译成普通的旧 CSS。他们所做的就是使用 mixins、嵌套、变量等工具让 CSS 的编写和维护变得更容易。

SCSS，代表“Sassy CSS”，是 Sass 的两种语法之一。
来自 sass 参考：

第二种更旧的语法，称为缩进语法（或有时简称为“Sass”），提供了一种更简洁的 CSS 编写方式。

区别

Sass 和 Less 都有非常相似的功能。 Sass 使用 Ruby，而 Less 使用 Javascript。存在语法差异，例如，Sass 使用

$

表示变量，而 less 使用

@ 

。
有一些稍微更主观的差异，这个网站声称“LESS比SCSS有更多用户友好的文档”，但是我个人发现SCSS文档和示例非常容易使用。

Answer 2

SCSS 和 LESS 都是 vanilla CSS 的“超集”。这意味着有效的 CSS 自动也是有效的 SCSS 和 LESS，但不一定是相反。

SCSS 和 LESS 之间的区别在于它们具有不同的语法。它们大多具有相同的功能。