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

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


当前回答

紧凑的答案:

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

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

其他回答

从语言主页

Sass有两种语法。新干线语法(从Sass 3开始)被称为“SCSS”(代表“Sassy CSS”),是CSS3语法的超集。这意味着每个有效的CSS3样式表都是有效的SCSS。SCSS文件使用扩展名.scs。第二种更古老的语法称为缩进的语法(或只是“Sass”)。灵感来自Haml的简洁适合喜欢的人简洁而不是与CSS的相似性。它不是括号和分号,而是使用行的缩进来指定块。虽然不再是主语法,缩进语法将继续得到支持。文件夹在缩进语法中,使用扩展名.sas。

SASS是一种解释性语言,它输出CSS。Sass的结构看起来像CSS(远程),但在我看来,描述有点误导;它不是CSS的替代品或扩展。它是一个解释器,最终输出CSS,所以Sass仍然有普通CSS的局限性,但它用简单的代码掩盖了它们。

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支持的“旧”语法。

SCSS是Sass的新语法。在扩展方面,.sas表示sass,.scs表示scss。这里,SCSS具有比SASS更逻辑和复杂的编码方法。因此,对于软件领域的新手来说,更好的选择是SCSS。

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)。