IE 10 不支持条件注释,我们还有什么办法做出只针对 IE 10 的样色。国外牛人想到用 useragent!
方法:用 JavaScript 把 useragent 添加到 html 这个元素里
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
IE 10 浏览器的用户代理字符串:
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
结果:
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
接下来,我们只需要很简单的 CSS 样色:
html[data-useragent*='MSIE 10.0'] h1 {
color: blue;
}
注解:
*=
这个 CSS3 选择器;[属性*=值]
选择匹配的每一个元素,其属性值包含指定的值。
[via CSS-Tricks]