在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_< /a>

Answer 2

我还没有发现这可能，不。

顺便说一句，如果您需要添加太多直接针对 IE7+8 等的样式，很可能有更好的跨浏览器方法来做到这一点，我还没有发现必须做一些旧的 IE 是一个问题到目前为止我的项目中的特定嵌套树。