在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 }
}