Skip to content

Instantly share code, notes, and snippets.

@craigerskine
Created September 18, 2018 18:50
Show Gist options
  • Save craigerskine/1c265b9e7ab78e05d10fb3c74f7d8690 to your computer and use it in GitHub Desktop.
Save craigerskine/1c265b9e7ab78e05d10fb3c74f7d8690 to your computer and use it in GitHub Desktop.
IE CSS Target Hacks
/* 6 */
* html .blah { property: value; }
.blah { _property: value; }
/* 7 */
*+html .blah { property: value; }
*:first-child+html .blah { property: value; }
/* 6 & 7 */
@media screen\9 { .blah { property: value; } }
.blah { *property: value; }
.blah { #property: value; }
/* 6, 7 & 8 */
@media \0screen\,screen\9 { .blah { property: value; } }
/* 8 */
html>/**/body .blah { property: value; }
@media \0screen { .blah { property: value; } }
/* 8 standards mode */
.blah { property /*\**/: value\9 }
/* 8, 9 & 10 */
@media screen\0 { .blah { property: value; } }
/* 9 */
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
// IE9 CSS
.blah { property: value; }
}
/* 9+ */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
// IE9+ CSS
.blah { property: value; }
}
/* 9 & 10 */
@media screen and (min-width:0\0) { .blah { property: value\9; } /* backslash-9 removes ie11+ & old Safari 4 */ }
/* 10 */
_:-ms-lang(x), .blah { property: value\9; }
/* 10+ */
_:-ms-lang(x), .blah { property: value; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blah { property: value; } }
/* 11+ */
_:-ms-fullscreen, :root .blah { property: value; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment