SCSS和Sass有什么区别？

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

SCSS有什么不同？应该是同一种语言吗？相像的不同的

当前回答

Sass是一个具有语法改进的CSS预处理器。高级语法中的样式表由程序处理，并转换为常规CSS样式表。然而，它们并没有扩展CSS标准本身。

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

对于SCSS和Sass之间的区别，Sass文档页面上的文本应回答以下问题：

SCSS语法使用文件扩展名.scs。除了一些小的例外，它是CSS的超集，这意味着基本上所有有效的CSS都是有效的SCSS。由于它与CSS相似，所以它是最容易使用和最流行的语法。

缩进的语法是Sass的原始语法，因此它使用了文件扩展名.Sass。由于这个扩展名，它有时被称为“Sass”。缩进语法支持与SCSS相同的所有功能，但它使用缩进而不是大括号和分号来描述文档的格式。

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

其他回答

紧凑的答案：

SCSS是指Sass CSS预处理器支持的主要语法。

以.scs结尾的文件表示Sass支持的标准语法。SCSS是CSS的超集。以.sass结尾的文件表示源于Ruby世界的sass支持的“旧”语法。

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

Sass.Sass文件在视觉上与.scs文件不同，例如。

Example.sass-sass是较旧的语法

$color: red

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

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

Example.scss-sassycss是Sass 3的新语法

$color: red;

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

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

只要将扩展名从.CSS更改为.scs，任何有效的CSS文档都可以转换为SassyCSS（SCSS）。

Sass是第一个，语法有点不同。例如，包括mixin：

Sass: +mixinname()
Scss: @include mixinname()

Sass忽略了大括号和分号，而专注于嵌套，我发现这更有用。

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

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

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

推荐文章