在scss中製作向後嵌套嗎？

Question

有沒有辦法在scss中向後嵌套？ 在css當我想重寫IE瀏覽器或其他瀏覽器特定樣式的風格時，我喜歡選擇器恰好在其選擇器覆蓋的樣式之後。像這樣

CSS

.class-a .class-b{ color: pink } 
.ie6 .class-a .class-b{ color: blue} 

這有可能在SCSS？因爲現在我把它寫這樣的（我不喜歡它）

SCSS

.class-a{ 
    .class-b { color: pink } 
    .othercss { bla bla bla: sdfsd } 
    .fsdfsd { dfsdfs: sdfsd } 
    } 
} 

body.ie7 .class-a .class-b{ color:blue } 

Answer 1

您正在尋找&父母選擇器。

.class-a{ 
    .class-b { 
    color: pink; 
    .ie7 & { 
     color: blue; 
    } 
    } 
    .othercss { bla bla bla: sdfsd } 
    .fsdfsd { dfsdfs: sdfsd } 
} 

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_

Answer 2

我還沒有發現這一點，沒有。

在附註中，如果您需要添加太多直接針對IE7 + 8等的樣式，最有可能採用更好的跨瀏覽器方式來做到這一點，但我還沒有發現它是一個難題到目前爲止，我的項目中有幾個舊的IE特定的嵌套樹。