sass - 萨斯＆符，选择直系 parent 吗？

Question

在Sass中，有没有一种方法可以使用＆符号选择直接父级，而不是整个组的父级选择器？例如:

.wrapper{
    background-color: $colour_nav_bg;
    h1{
        color: $colour_inactive;
        .active &{
            color: red;
        }
    }
}

编译为:

.wrapper h1{
    color: grey;
}

.active .wrapper h1{
    color: red
}

但是我真正想要的是:

.wrapper .active h1{
    color: red;
}

这样写SCSS的唯一选择是吗？

.wrapper{
    background-color: $colour_nav_bg;
    h1{
        color: $colour_inactive;
    }
    .active h1{
        color: red;
    }
}

HTML看起来像这样:

<ul class="wrapper">
    <li class="active">
        <h1>blah</h1>
    </li>
</ul>

Answer 1

在撰写本文时，没有用于元素的直接父代的Sass选择器。有一个&(您知道)选择根父代。还有% placeholder selectors可以隐藏规则，直到成为extended为止。

Sass是open-sourced，因此您可以贡献一个新的“直接父级”选择器。