JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
产品经理
集成电路应用开发
C/C++
狂野架构师
IP短视频
怎样给: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所示：
图1 root选择器效果展示1
如果不指定h2元素的字体颜色，仅仅使用“:root选择器”设置的样式，即删除第4行代码，效果如图2所示：
图2 root选择器效果展示2
猜你喜欢：
最新资讯
0
分享到：
江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号