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;
    }
  }
}