重复声明

有时您需要击败第三方 CSS 库的声明来获取样式的所有权：

.parent.parent {}

这种方式比使用和 ID，内联样式或！important的压倒性弱，并且它可能比使用任意父元素限定选择器有好处。 声明的权重不是基于选择器的上下文引发的，而是仅由其自身引发。 使用＆你可以做同样的事情。

1.parent {
2  &#{&} { }
3}

这里需要用 插值括号#{}，因为两个相邻的＆符号在 Sass 中是无效的。

注：#{&}会表示整个路径，上面的方法无法用在嵌套的结构里

 1.parent1 {
 2  .parent2 {
 3    &#{&} {
 4      font-size: 12px;
 5    }
 6  }
 7}
 8
 9// 结果
10.parent1 .parent2.parent1 .parent2 {
11	font-size: 12px;
12}

参见

The Sass Ampersand | CSS-Tricks