Sass

嵌套

CSS虽然支持嵌套但是不支持代码块的嵌套，而SCSS支持。这样可更加清晰地表示元素之间的关系。
table.hl {
  margin: 2em 0;
  td.ln {
    text-align: right;
  }}li {
  font: {
    family: serif;
    weight: bold;
    size: 1.3em;
  }}
会被解释成：
table.hl {
  margin: 2em 0;}table.hl td.ln {
  text-align: right;}li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.3em;}
在Sass文档中还可以看到有关名字空间、父级引用等的内容。

混入（Mixin）

Mixin包含一段合法Sass代码，类似于C语言的宏定义。调用Mixin时，解释器会将Mixin扩展成它所包含的完整的Sass代码，因此可以有效地减少代码重复，从而写出更加干净的代码。CSS不支持Mixin，因此重复和类似的代码必须挨个书写。
@mixin table-base {
  th {
    text-align: center;
    font-weight: bold;
  }
  td, th {padding: 2px}}#data {
  @include table-base;}
会被解释成：
#data th {
  text-align: center;
  font-weight: bold;}#data td, #data th {
  padding: 2px;}

循环

Sass支持用@for、@each和@while语句进行迭代。
$squareCount: 3;@for $i from 1 through $squareCount {
  #square-#{$i} {
   background-color: red;
   width: 50px * $i;
   height: 120px / $i
  }}
会被解释为：
#square-1 {
  background-color: red;
  width: 50px;
  height: 120px;}#square-2 {
  background-color: red;
  width: 100px;
  height: 60px;}#square-3 {
  background-color: red;
  width: 150px;
  height: 40px;}

参数

Mixin支持参数。
@mixin left($dist) {
  float: left;
  margin-left: $dist;}#data {
  @include left(10px);}
会被解释为：
#data {
  float: left;
  margin-left: 10px;}

包含

@mixin table-base {
  th {
    text-align: center;
    font-weight: bold;
  }
  td, th {padding: 2px}}@mixin left($dist) {
  float: left;
  margin-left: $dist;}#data {
  @include left(10px);
  @include table-base;}
会被解释为：
#data {
  float: left;
  margin-left: 10px;}#data th {
  text-align: center;
  font-weight: bold;}#data td, #data th {
  padding: 2px;}

继承

CSS3支持DOM层次，但是不支持样式的继承。Sass语言通过@extend关键词实现了继承功能。
.error {
  border: 1px #f00;
  background: #fdd;}.error.intrusion {
  font-size: 1.3em;
  font-weight: bold;}.badError {
  @extend .error;
  border-width: 3px;}
会被解释为：
.error, .badError {
  border: 1px #f00;
  background: #fdd;}.error.intrusion,.badError.intrusion {
  font-size: 1.3em;
  font-weight: bold;}.badError {
  border-width: 3px;}
Sass支持多重继承.