SASS中的一个（或n）级反向嵌套

Question

你肯定知道在sass中反向嵌套。所以我得到了一个高级问题。

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

编译为：

.friends .profile .avatar {

如何获得如下结果：

.profile.friends .avatar {

有没有改变sass结构的解决方案。

Answer 1

不，你必须改变Sass的结构。即将推出的@at-root功能可以部分展开选择器，但在此实例中不起作用。