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

回答