A variety of IE specific media queries and hacks. In order or awesomeness

IE-Target-MQs.scss

.foo{
  /*----------------------------------------------   
  --Target ie10+ via ms-high-contrast mq (bestest)
  -----------------------------------------------  */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    color: #111;
  }
  
  /*----------------------------------------------   
  --Target ie9+ (okay)
  -----------------------------------------------  */
  @media screen and (min-width:0) and (min-resolution: +72dpi) { 
    color: #222; 
  }
  /*----------------------------------------------   
  --Target ie9, 10, 11 (okayish - but pulls in latest chrome)
  -----------------------------------------------  */
  @media screen and (min-width:0\0) { 
   color: #222;
  }
  /*----------------------------------------------   
  --Target ie9 only (sure, why not)
  -----------------------------------------------  */  
  @media screen and (min-width:0) and (min-resolution: .001dpcm) { 
    color: #333; 
  }
  
  /*----------------------------------------------   
  --Hack: Target ie < 9, via slash-9 property hack (less than awesome)
  -----------------------------------------------  */
  & { color:#444\9; } 
  
  /*----------------------------------------------   
  --Hack: Target ie 9, Doesn't work for background or font-*. (not too awesome)
  -----------------------------------------------  */  
  & { color:#555 \; } 
  
  
  /*----------------------------------------------   
  --Hack: Target ie9 via :root. Doesn't work for background or font-*. (meh)
  -----------------------------------------------  */
  :root &{color:#666 \0 ;}
}