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

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

它的语法不同，这是主要的优点（或缺点，取决于你的观点）。

我会尽量不重复别人说的话，你可以很容易地在谷歌上搜索，但相反，我想从我使用这两种方法的经验中说几句话，有时甚至在同一个项目中。

SASS专业

更干净-如果你来自Python、Ruby（你甚至可以用类似符号的语法编写道具），甚至是CoffeeScript世界，这对你来说是非常自然的-在.sas中编写mixin、函数和任何可重用的东西比在.scs（主观）中“更容易”和可读。

SASS缺点

空格敏感（主观），我不介意在其他语言中使用，但在CSS中，它只是让我感到困扰（问题：复制、制表符与空格大战等）。没有内联规则（这对我来说是一个突破），你不能像在scs中那样做身体颜色：红色。scs身体{颜色：红色}导入其他供应商的东西，复制普通的CSS片段-这不是不可能的，但过了一段时间后非常无聊。解决方案是在项目中包含.scs文件（与.sass文件一起）或将其转换为.sass。

除此之外，他们做同样的工作。

现在，我喜欢做的是在.sass中编写mixin和变量，如果可能的话，代码将在.scs中实际编译为CSS（即Visual studio不支持.sass，但每当我在Rails项目上工作时，我通常会将其中两个组合在一起，而不是在一个文件中）。

最近，我正在考虑给Stylus一个机会（作为全职CSS预处理器），因为它允许您在一个文件中组合两种语法（以及其他一些功能）。对于团队来说，这可能不是一个好的方向，但当你单独维护它时，这没关系。当语法有问题时，手写笔实际上是最灵活的。

最后，将.scs与.sass语法比较：

// SCSS
@mixin cover {
  $color: red;
  @for $i from 1 through 5 {
    &.bg-cover#{$i} { background-color: adjust-hue($color, 15deg * $i) }
  }
}
.wrapper { @include cover }


// SASS
=cover
  $color: red
  @for $i from 1 through 5
    &.bg-cover#{$i}
      background-color: adjust-hue($color, 15deg * $i)
.wrapper
  +cover

紧凑的答案：

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

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

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

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

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

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