SCSS 和 LESS 的区别

Posted 2023-03-07

【中文标题】SCSS 和 LESS 的区别

【英文标题】：Differences between SCSS and LESS

【发布时间】：2019-01-30 20:38:38

【问题描述】：

我已阅读有关 SCSS 和 LESS 的信息。但我无法清楚地理解这些差异。 我知道 SCSS 和 LESS 都有更多的 CSS 功能（我的意思是 CSS 的扩展）。

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

【问题讨论】：

Python 和 Ruby 有什么区别？很多。在这里回答可能太多了。搜索“SASS vs Less”会给你很多相关的点击，详细比较它们。 SASS 可能更好，但这只是一种意见。

@asyard 我已批准您对标题的编辑，但拒绝了正文的编辑部分。

【参考方案1】：

Sass 和 Less 都是 CSS 预处理器。

来自keycdn.com

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

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

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

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

区别

Sass 和 Less 都有非常相似的功能。 Sass 使用 Ruby，而 Less 使用 javascript。存在语法差异，例如，Sass 使用 $ 表示变量，而 less 使用 @。 还有一些主观差异，this website 声称“LESS 比 Sass 有更多用户友好的文档”，但我个人发现 Sass 文档和示例非常易于使用。

【参考方案2】：

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

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

您可以阅读有关 SCSS 和 LESS 的更多信息here。