SCSS和直接嵌套

Question

我坚持这个。我知道我有能力到达嵌套运算符之外的所有方式来添加前缀类，如：

.myEl {
    html.no-touch & {

    }
}

然后输出：

html.no-touch .myEl {}

但是我想知道是否有办法逃脱只有一个级别，而不是所有级别。鉴于此类输入：

.myEl {
    .myEl3 {
        .myEl2 {} /* direct parent operator goes here? */
    }
}

我希望这种输出：

.myEl1 .myEl2 .myEl3 {}

这可能吗？

Answer 1

不幸的是，这在SASS中是不可能的。如果你不想进一步筑巢（我相信你已经知道），你可能不得不做这样的事情。

.myEl1 {
    .myEl3 {
        /* Base styles here */
    }
    .myEl2 .myEl3 {
        /* Specific styles here */
    }
}