除了 伊德里斯 的回答：

CSS

在 CSS 中，我们编写如下所示的完整代码。

body{
 width: 800px;
 color: #ffffff;
}
body content{
 width:750px;
 background:#ffffff;
}

SCSS

在 SCSS 中，我们可以使用 a
来缩短此代码，因此我们不必一次又一次@mixin地编写color和属性。width我们可以通过一个函数来定义它，类似于 PHP 或其他语言。

$color: #ffffff;
$width: 800px;

@mixin body{
 width: $width;
 color: $color;

 content{
  width: $width;
  background:$color;
 }
}

SASS

然而，在 SASS 中，整个结构在视觉上比 SCSS 更快、更清晰。

• 当您使用复制和粘贴时，它对空格很敏感，

• 似乎它目前不支持内联 CSS。

  $color: #ffffff
  

  $width: 800px
  $stack: Helvetica, sans-serif

  body
  width: $width
  color: $color
  font: 100% $stack

  content
  width: $width
  background:$color