教育行业A股IPO第一股（股票代码 003032）

全国咨询/投诉热线：400-618-4000

天富娱乐注册最新网址 怎样给:root选择器设置样式？设置过程演示

更新时间:2021年03月31日11时42分 来源:传智教育 浏览次数:

传智教育-一样的教育，不一样的品质


:root选择器用于匹配文档根标签，在HTML中，根标签始终是html。也就是说使用“:root选择器”定义的样式，对所有页面标签都生效。对于不需要该样式的标签，可以单独设置样式进行覆盖。示例代码如下：

 <title>root选择器的使用</title> <style type="text/css"> :root{color:red;} h2{color:blue;} </style> </head> <body> <h2>《面朝大海春暖花开》</h2> <p>从明天起做个幸福的人 喂马劈柴周游世界 从明天起关心粮食和蔬菜 我有一所房子 面朝大海春暖花开</p> </body>
运行代码效果如图1所示：

：root选择器

图1 root选择器效果展示1

如果不指定h2元素的字体颜色，仅仅使用“:root选择器”设置的样式，即删除第4行代码，效果如图2所示：

：root选择器

图2 root选择器效果展示2




猜你喜欢：

CSS滑动门是什么？有什么用处？[web前端培训]

CSS结构的特点有哪些？CSS样式规则介绍

jQuery如何使用css方法修改单个样式？

传智教育web前端培训

0 分享到：
和我们在线交谈！