nested - 在 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_