css for ie 不使用条件注释

Question

我开始了解这些针对 IE 的样式：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
}

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}

我也想知道其他版本的ie。

我如何使用媒体查询仅 ie6、仅 ie7、仅 ie8、仅 ie9、小于或等于 ie10 等？

还有其他的技巧吗？

Answer 1

IE 不支持版本 8 及以下版本的媒体查询 - caniuse

这意味着媒体查询中的任何代码都将被 IE8 忽略-

所以不，您不能使用媒体查询来定位旧版本的 IE。

但是...

在 css 中还有其他针对旧版本 IE 的 hack....

这是this css-tricks article的摘录：

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */