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抓紧创作!

微信微信 支付宝支付宝

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

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » 15. CSS3 结构性伪类选择器 :root

发表评论

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

立即查看 联系我们