您的位置：首页 > Web前端 > CSS

【CSS3】 结构性伪类选择器—root

2016-02-22 17:34 471 查看 
:root
选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。

示例演示：

通过“:root”选择器设置背景颜色

HTML代码：
<div>:root选择器的演示</div>


CSS代码：
:root {
  background:orange;
}


演示结果：



“:root”选择器等同于<html>元素，简单点说：

:root{background:orange}


html {background:orange;}


得到的效果等同。

建议使用:root方法。

另外在IE９以下还可以借助“:root”实现hack功能。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航