为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
CSS3 结构性伪类选择器—root，十天精通CSS3教程-慕课网
章节
课签
笔记
占位
占位

CSS3 结构性伪类选择器—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功能。

任务

在CSS编辑器的第1行输入代码，将背景颜色设置为蓝色。

?不会了怎么办

用到的是根选择器相关知识，再想想！

||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消