CSS教程

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

本文主要是介绍【九月打卡】第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方法。

另外在IE9以下还可以借助“:root”实现hack功能。

第三模块:https://img1.sycdn.imooc.com/6326b1a40001612118060891.jpg

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