15. CSS3 结构性伪类选择器 :root
:root
选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素 E 所在文档的根元素。在 HTML 文档中,根元素始终是<html>。
示例演示
通过 :root
选择器设置背景颜色。
HTML 代码:
<div>:root 选择器的演示</div>
CSS 代码:
:root { background:orange; }
演示结果:
:root
选择器等同于<html>元素,简单点说:
:root{background:orange} 等同于 html {background:orange;}
得到的效果等同。
建议使用:root
方法。
另外在 IE9以下还可以借助:root
实现 hack 功能。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 15. CSS3 结构性伪类选择器 :root
码云笔记 » 15. CSS3 结构性伪类选择器 :root