SCSS和Sass有什么区别？

Question

SCSS和Sass有什么区别？据我所读，Sass是一种使用变量和数学支持使CSS更强大的语言。和SCSS有什么区别？应该是同一种语言吗？类似的？不一样？

Answer 1

Sass是一个具有语法进步的CSS预处理器.高级语法中的样式表由程序处理，并转换为常规CSS样式表。但是，他们有不扩展CSS标准本身。

CSS变量是受支持的，可以使用，但不能像预处理变量那样使用.

SCSS和Sass之间的区别，本文在SASS文档页应回答以下问题：

Sass有两个语法可用。第一个被称为SCSS(SassyCSS)，在整个引用中使用，它是CSS语法的扩展。这意味着每个有效的CSS样式表都是一个意义相同的有效SCSS文件。下面描述的Sass特性增强了这个语法。使用此语法的文件具有.scss分机。

第二和旧语法，称为缩进语法(有时只是“Sass”)，它提供了一种更简洁的CSS编写方法。它使用缩进而不是括号来表示选择器的嵌套，用换行符而不是分号来分隔属性。使用此语法的文件具有.Sass分机。

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

Answer 2

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

不同的是UI。在文本的外表之下，它们是相同的。这就是Sass和SCSS文件可以相互导入的原因。实际上，Sass有四个语法分析器：SCSS、SASS、CSS和LESS。所有这些都将不同的语法转换为抽象句法树它将被进一步处理为CSS输出，甚至通过Sass转换工具被处理到其他格式之一。

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

Answer 3

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

sass-sass是较旧的语法

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

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

scss-ssalicss是Sass 3的新语法

$color: red;@mixin my-border($color) {
  border: 1px solid $color;}body {
  background: $color;
  @include my-border(green);}

任何有效的css文档都可以通过将扩展名改为.css到.scss.