在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特定嵌套树。