SCSS 和 LESS 的区别

Differences between SCSS and LESS

我读过 SCSS 和 LESS。但我无法清楚地理解这些差异。 我知道 SCSS 和 LESS 都具有 CSS 的更多功能(我的意思是 CSS 的扩展)。

SCSS 和 LESS 有什么区别? 哪个更好?

SCSSLESS 都是 "supersets" 香草 CSS。这意味着有效 CSS 自动也有效 SCSS 和 LESS,但不一定相反。

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

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

两个 Sass and Less 都是 CSS 预处理器。

来自keycdn.com

A CSS preprocessor is basically a scripting language that extends CSS and then compiles it into regular CSS.

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

SCSS,代表 'Sassy CSS' 是 Sass.
的两种语法之一 来自 sass reference:

The second and older syntax, known as the indented syntax (or sometimes just "Sass"), provides a more concise way of writing CSS.

区别

Sass 和 Less 具有非常相似的功能。 Sass 使用 Ruby 而 Less 使用 Javascript。存在语法差异,例如,Sass 使用 $ 作为变量,而 less 使用 @.
有一些稍微更主观的差异,this website 声称 "LESS Has More User-Friendly Documentation Than Sass",但我个人发现 Sass 文档和示例非常易于使用。