Сделать обратное вложение в 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 / документы / yardoc / file.SASS_REFERENCE.html # referencing_parent_selectors_

Answer 2

Я не нашел это возможным, нет.

Кстати, если вам нужно добавить слишком много стилей, адресованных непосредственно в IE7 + 8 и т. Д., Скорее всего, есть лучший кросс-браузерный способ сделать это.это, я не нашел, чтобы это было проблемой, связанной с необходимостью делать несколько старых специфичных для IE деревьев в моих проектах.