SCSS和LESS之间有所不同

Question

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

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

Answer 1

无论萨斯和较少的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有比Sass更多的用户友好文档",但我个人发现Sass文档和示例非常容易使用.

Answer 2

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

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

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