Есть ли способ в 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>