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

SASS代表Syntactically Awesome StyleSheets。这是一个扩展CSS为基础语言增添了力量和优雅。SASS是新命名为SCSS，有一些变化，但旧的SASS也是那里在使用SCSS或SASS之前，请查看以下差异。

一些SCSS和SASS语法示例：

SCSS

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

//Mixins
@mixin transform($property) {
  -webkit-transform: $property;
      -ms-transform: $property;
          transform: $property;
}

.box { @include transform(rotate(30deg)); }

SASS

$font-stack:    Helvetica, sans-serif
$primary-color: #333

body
  font: 100% $font-stack
  color: $primary-color

//Mixins
=transform($property)
  -webkit-transform: $property
  -ms-transform:     $property
  transform:         $property

.box
  +transform(rotate(30deg))

编译后输出CSS（两者相同）

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}
//Mixins
.box {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

有关更多指南，请访问官方网站。

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

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

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

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

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

然而，所有这些都只适用于Sass预编译器，后者最终会创建CSS。它不是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的语法松散，没有空格和分号，但SCSS更像CSS。

TL；博士

两者都是Sass，但不同的只是编译选项。

S（组件）CSS=Sass

您可以使用SASS的语法不仅有一种，还有两种：一方面，您具有原始形式，这很高兴被称为“缩进语法”或简称为“SASS”。此外，还有一个更新的变体，它更接近于CSS的规范，因此被称为Sassy CSS（SCSS），即SASS风格的CSS。在SASS第3版中，SCSS已被确立为官方语法。最大的区别是使用了括号和分号。

原始SASS语法使用缩进和换行符，这是一种基于YAML的方法。要终止一行代码，只需换行即可，即按Enter键。缩进非常简单地通过制表器工作。因此，通过改变字体的位置，就形成了分组——所谓的声明块。这对于CSS本身是不可能的。这里，大括号必须用于分组，分号必须用于属性声明。这正是SCSS所需要的。

因此，SASS与SCSS之间存在争议

一些用户对原始SASS的易用性信誓旦旦，因为在移动源代码片段时，您不必注意括号的正确位置，通常会生成更精简、更简洁的代码。总的来说，“缩进语法”使用更少的字符和行。另一方面，SCSS的支持者很乐意接受额外的努力，因为无论如何，它与CSS所知的更为相似。

SCSS是CSS的超集，这确保了CSS代码基本上也可以在SCSS中工作，但不是相反。尽管如此，SASS的功能仍被完全包括在内。这使得同时使用两种语言更加容易。此外，对于已经使用CSS并且已经习惯语法的人来说，切换要容易得多。尽管SASS支持这两种语法，但您必须根据项目进行选择：为了能够区分不同的格式，您可以将文件扩展名为.SASS或.scs。