E:root

语法

  • E:root { sRules }

说明

匹配E元素在文档的根元素。在HTML中,根元素永远是HTML

  • 根据这个特性,可以做IE8的Hack

示例:

.test {
    color: black;
    color: yellow\0;
    *color: blue;
    _color: red;
}
html:root .test {
    color: purple\0;
}

上述代码:非IE文本将为black,IE9及以上为purple,IE8为yellow,IE7为blue,IE6为red

兼容性

IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
IE9.0+

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
html:root {
    color: #f00;
}
</style>
</head>
<body>
<ul>
    <li>列表项一</li>
    <li>列表项二</li>
    <li>列表项三</li>
</ul>
</body>
</html>