sass - &的作用

6.8. & in SassScript

就像在選擇器中使用時一樣，&在SassScript中引用當前父選擇器。它是一個逗號分隔的列表和空格分隔的列表。例如:

.foo.bar .baz.bang, .bip.qux {
  $selector: &;
}

$selector的值現在是((".foo.bar" ".baz.bang"), ".bip.qux")。這里引用復合選擇器來表示它們是字符串，但實際上它們沒有被引用。即使父選擇器不包含逗號或空格，&也總是有兩層嵌套，因此可以一致地訪問它。

如果沒有父選擇器，&的值將為null。這意味着您可以在mixin中使用它來檢測父選擇器是否存在：

@mixin does-parent-exist {
  @if & {
    &:hover {
      color: red;
    }
  } @else {
    a {
      color: red;
    }
  }
}