扩展父级

通常尝试扩展父级，如下所示：

.parent {
  style: value;

  @extend &;
}

将导致错误，说明父进程无法扩展。这是有道理的，但有一个解决方法。只需将父选择器存储在变量中。

.parent {
  $parent: &;
  style: value;
  @extend #{&};
}

在上面的示例中执行此操作没有任何好处，但是这使你能够从包含的 mixin 中包装父样式。