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

发表回复