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