问SCSS和Sass有什么不同？

EN

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

不同之处在于语法。在文本的外观下，它们是相同的。这就是为什么sass和scss文件可以相互导入的原因。实际上，sass有四个语法分析器: scss、Sass、CSS和less。所有这些都将不同的语法转换成Abstract Syntax Tree，然后通过sass-convert工具进一步处理为CSS输出，甚至转换为其他格式之一。

使用你最喜欢的语法，这两种语法都是完全支持的，如果你改变主意，你可以在它们之间进行更改。

Sass .sass文件在视觉上与.scss文件不同，例如

Example.sass - sass是较旧的语法

$color: red

=my-border($color)
  border: 1px solid $color

body
  background: $color
  +my-border(green)

Example.scss - sassy css是Sass3的新语法

$color: red;

@mixin my-border($color) {
  border: 1px solid $color;
}

body {
  background: $color;
  @include my-border(green);
}

只需将扩展名从.css更改为.scss，就可以将任何有效的CSS文档转换为Sassy CSS (SCSS)。

基本的区别在于语法。虽然SASS有一个松散的语法，有空格和没有分号，但SCSS更像CSS。