A sass mixin to write css that targets only IE 10 and IE 11

target-metro.scss

// Thanks http://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/

/*
Usage:
@include target-metro {
  color: cyan;
}
*/
@mixin target-metro {
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    @content;
  }
}

How do I do opposite? A mixin for browsers except IE11?

@azzimuth Usually it's just best to target everything, then use the mixin above to remove the single case e.g.

body {
  background: red;
  @include target-metro {
    background: green;
  }
}

nice method thanks!