Sass：使用`class生成嵌套类'＆`

Question

我不明白为什么下面的代码生成.test a.test {color: black;}
而不是预期的a.test {color: black;}？
我认为这是一个相反的方法&.a它只产生test.a（在这种情况下）。

.test { 
    width: 10px; 
    a#{&} { 
    color: black; 
    } 
} 

Answer 1

我只是找到了解决的风格a.test与嵌套在.testa类。
有一个特殊的sass指令@at-root允许在列表的根目录下发出一个样式块。

// Sass 
.test { 
    @at-root a#{&} {color: blue;} 
} 

// Generated CSS 
a.test {color: blue;} 

Demo