IE 10 的条件注释

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]

Published by

Galovia

九十度博客站长。