SCSS和LESS之间的区别

Question

我已经阅读了有关SCSS和LESS的内容，但是我无法清楚地理解它们之间的区别。 我知道SCSS和LESS都具有更多的CSS功能（我的意思是CSS的扩展）。

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

- Banukobhan Nagendram

---

Python和Ruby有什么区别？很多。可能太多了，无法在这里回答。搜索“SASS vs Less”会给你许多相关的比较细节。SASS可能更好，但这只是一个观点。 - Amadan

@asyard，我已经批准了您对标题的编辑，但是拒绝了正文部分的编辑。 - Cœur

Answer 1

Sass 和 Less 都是 CSS 预处理器。

来自 keycdn.com

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

因此，Sass 和 Less 不会改变 CSS 的功能，因为它们被编译成普通的 CSS。它们所做的是使用混合、嵌套、变量等工具使编写和维护 CSS 更加容易。

SCSS 是 Sass 的两个语法之一。
来自 sass reference:

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

区别

Sass 和 Less 都具有非常相似的特性。Sass 使用 Ruby，而 Less 使用 Javascript。有一些语法上的差异，例如，Sass 使用 $ 作为变量，而 Less 使用 @。
还有一些稍微主观的差异，this website 声称 "LESS 比 Sass 有更友好的文档"，但是我个人发现 Sass 的文档和示例非常容易使用。

- Keir

Answer 2

SCSS 和LESS 都是基于原始的 CSS 的“超集”。这意味着有效的 CSS 代码也自动适用于 SCSS 和 LESS，但反过来则不一定。

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

- jrswgtr

---

该链接页面上没有关于Less的任何信息。 - EmSixTeen

@EmSixTeen 感谢你提醒。在我写这篇文章的时候，页面上有关于 SCSS 和 LESS 的信息，但显然他们已经更改了。我会从我的回答中删除该链接。 - jrswgtr