SASS中的一(或n)级反向嵌套

SASS中的一(或n)级反向嵌套,sass,nested,Sass,Nested,您肯定知道sass中的反向嵌套。所以我有一个高级问题要问你 .profile{ .avatar{ color: blue; .friends &{ color: grey; } } } 汇编至: .friends .profile .avatar { 如何获得如下结果: .profile.friends .avatar { 是否有不改变sass结构的解决方案。否,您必

您肯定知道sass中的反向嵌套。所以我有一个高级问题要问你

.profile{
    .avatar{
        color: blue;  
        .friends &{            
            color: grey;
        }
    }
}
汇编至:

.friends .profile .avatar {
如何获得如下结果:

.profile.friends .avatar {

是否有不改变sass结构的解决方案。

否,您必须改变sass的结构。即将推出的根目录下的
@at-root
功能可以部分释放选择器,但在这种情况下不起作用。

否,您必须更改Sass的结构。即将推出的根目录下的
@at-root
功能可以部分释放选择器,但在这种情况下不起作用。

否,您必须更改Sass的结构。即将推出的根目录下的
@at-root
功能可以部分释放选择器,但在这种情况下不起作用。

否,您必须更改Sass的结构。即将推出的根目录下的
@at-root
功能可以部分释放选择器,但是它在这种情况下不起作用。

.profile.friends
之间缺少空格还是想要的输出?是
.profile.friends
之间缺少空格还是想要的输出?是
.profile.friends
之间缺少空格还是想要的输出?是缺少空格
.profile.friends
打字错误或想要的输出?正是我害怕的。正是我害怕的。正是我害怕的。正是我害怕的。正是我害怕的。