SCSS和直接嵌套

我被困在这一个。我知道我必须达到嵌套运营商之外的所有方法添加一个前缀类象的能力：SCSS和直接嵌套

.myEl { 
    html.no-touch & { 

    } 
}

，这将输出：

html.no-touch .myEl {}

，但我不知道是否有一种逃避只有一个层次的方式，而不是全部。鉴于这种输入：

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

我希望这种输出：

.myEl1 .myEl2 .myEl3 {}

这可能吗？

2014-03-28 Chad

这是默认行为，你得到的是什么？ –

@SecondRikudo在我的例子中.myEl2只是一个占位符。我真正想要的是一个不同的操作员。 – Chad

这仍然不能解释你想得到什么。预期产出是多少？实际产出是多少？ –

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

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

2014-03-29 13:11:50 nwalton

回答