一尘不染

SCSS 和 Sass 有什么区别?

javascript

从我一直在阅读的内容来看,Sass 是一种通过变量和数学支持使 CSS 更强大的语言。

与 SCSS 有什么区别?它应该是同一种语言吗?相似的?不同的?


阅读 164

收藏
2022-02-09

共1个答案

一尘不染

Sass 是一个具有语法改进的 CSS 预处理器。高级语法中的样式表由程序处理,变成常规的 CSS 样式表。但是,它们并没有扩展 CSS 标准本身。

CSS 变量受支持并且可以使用,但不如预处理器变量。

对于 SCSS 和 Sass 之间的区别,Sass 文档页面上的这段文字应该回答了这个问题:

Sass 有两种可用的语法。SCSS (Sassy CSS)第一个,在本参考资料中被称为并使用,是CSS 语法的扩展。这意味着每个有效的 CSS 样式表都是具有相同含义的有效 SCSS 文件。这个语法通过下面描述的 Sass 特性得到了增强。使用此语法的文件具有.scss扩展名。

第二种和更早的语法,称为indented syntax (or sometimes just “Sass”),提供了一种更简洁的 CSS 编写方式。它使用缩进而不是括号来表示选择器的嵌套,使用换行符而不是分号来分隔属性。使用此语法的文件具有.sass扩展名。

但是,all this works only with the Sass pre-compiler这最终会创建 CSS。它不是 CSS 标准本身的扩展。

2022-02-09