SCSS 和 Sass 有什么区别？

Question

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

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

原文由 bbonamin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 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 扩展名。

然而， 所有这些都只适用于最终创建 CSS 的 Sass 预编译器。它不是 CSS 标准本身的扩展。

原文由 anon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我是帮助创建 Sass 的开发人员之一。

区别在于语法。在文本外观下，它们是相同的。这就是 sass 和 scss 文件可以相互导入的原因。实际上，Sass 有四种语法解析器：scss、sass、CSS 和 less。所有这些都将不同的语法转换为 抽象语法树，后者进一步处理为 CSS 输出，甚至通过 sass-convert 工具转换为其他格式之一。

使用你最喜欢的语法，两者都得到完全支持，如果你改变主意，你可以稍后在它们之间切换。

原文由 chriseppstein 发布，翻译遵循 CC BY-SA 4.0 许可协议