【九月打卡】第12天+CSS3 结构性伪类选择器—root

2022/9/19 4:17:21

编程Tag： css3

本文主要是介绍【九月打卡】第12天+CSS3 结构性伪类选择器—root，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

第一模块：十天精通CSS3 6-2 大漠
第二模块：

: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功能。

第三模块：

这篇关于【九月打卡】第12天+CSS3 结构性伪类选择器—root的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！