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。它们的作用是使使用混合工具，嵌套，变量等工具更容易编写和维护CSS。

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

  

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

差异

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

Answer 2

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

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

您可以了解有关SCSS和LESS here的更多信息。