Make backward nesting in scss?

Question

Is there a way to nest backwards in scss? In css when I want to override style becourse of IE or other browser specific styles I like the selector to be rig

Answer 1

You're looking for the & parent selector.

.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

I haven't found this possible, no.

On a side note if you need to add too many styles addressed directly to IE7+8 etc. there's most likely a better cross-browser way to do it, I haven't found it to be a problem having to do a few old IE specific nesting trees in my projects so far.