Sass 与 SCSS

Sass 提供了两种不同的语法

• Sass
• SCSS

两者相似并且做同样的事情，但编写风格不同。 SCSS 是最新的，被认为比 Sass 更好。

SASS 和 SCSS 之间的差异

Sass: Sass 来源于另一个预处理器 Haml。 它由 Ruby 开发人员设计和编写，因此 Sass 样式表使用类似 Ruby 的语法，没有大括号、没有分号和严格的缩进。 在 Sass 中，变量符号是 ! 而不是 $，赋值符号是 = 而不是 :。

请看这个例子

SCSS: SCSS 提供了 CSS 友好的语法，以缩小 Sass 和 CSS 之间的差距。 SCSS 被称为 Sassy CSS。

请看这个例子

在这里，您可以看到 SCSS 肯定比 Sass 更接近 CSS。

Sass 语法的优点

Sass 的语法与 CSS 完全不同，但它更短且更容易键入。 您不需要键入分号或大括号，甚至不需要使用 @mixin 或 @include，当一个字符就足够时：= 和 +。

它还提供了干净的编码标准，因为它遵循缩进语法。

SCSS 语法的优点

它与 CSS 完全兼容。 您可以将 CSS 文件重命名为 .scss 扩展名，它也可以工作。 由于它遵循 CSS 的语法，因此非常容易学习和使用。