15. CSS3 结构性伪类选择器 :root

:root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。

示例演示

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

HTML代码:

<div>:root选择器的演示</div>

CSS代码:

:root {
  background:orange;
}

演示结果:

CSS3 结构性伪类选择器 root

:root选择器等同于<html>元素,简单点说:

:root{background:orange}
等同于
html {background:orange;}

得到的效果等同。

建议使用:root方法。

另外在IE9以下还可以借助:root实现hack功能。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 15. CSS3 结构性伪类选择器 :root

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们