Internet Explorer - targeting by Media queries and conditional statements

ie.html

***********************************************
TARGET BY MEDIA QUERIES:

<!-- IE10 & IE 11 -->
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

<!-- IE10 -->
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.selector { 
    property:value\9; 
    } 
}

<!-- IE9+ -->
@media screen and (min-width:0) and (min-resolution: .001dpcm) {
    .selector { 
    property:value; 
    }
}

<!-- IE9 -->
@media screen and (min-width:0) and (min-resolution: +72dpi) { 
    .selector { 
        property:value; 
    } 
}

***********************************************
UNDERSCORE HACKS

/* Internet Explorer 11+ */
_:-ms-fullscreen, :root .ie11up { property:value; }

/* Internet Explorer 10+ */
_:-ms-lang(x), .ie10up { property:value; }

/* Internet Explorer 10 (only) */
_:-ms-lang(x), .ie10 { property:value\9; }

***********************************************
CONDITIONAL TARGETING

<!--[if IE ]>
  <link href="iecss.css" rel="stylesheet" type="text/css">
<![endif]-->

<!--[if lt IE 7 ]>
  <p>Only less than IE 7 will see this</p>
<![endif]-->

Table 1. Conditional Comment Operators

Operator	Description
 IE	        represents Internet Explorer; if a number value is also
            specified, it represents a version vector
 lt	        less than operator
 lte	    less than or equal to
 gt	        greater than
 gte	    greater than or equal to
 !	        the NOT operator
 ()	        subexpression operator
 &	        the AND operator
 |	        the OR operator
 true	    evaluates to true
 false	    evaluates to false