码云 15. CSS3 结构性伪类选择器 :root
AI 概述
:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素 E 所在文档的根元素。在 HTML 文档中，根元素始终是<html>。
示例演示
通过 :root 选择器设置背景颜色。
HTML 代码：
<div>:root 选择器的演示</div>
CSS 代码：
:root {
background:orange;
}
演示结果：
:root选...
: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 功能。
以上关于15. CSS3 结构性伪类选择器 :root的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。
微信
支付宝声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » 15. CSS3 结构性伪类选择器 :root
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » 15. CSS3 结构性伪类选择器 :root
