我们上次学习了后代选择符,如图:
<style>
body h2{
color:red;
}
</style>
<body>
<h2>asd</h2>
<div>
<h2>qwe</h2>
<p>asd</p>
</div>
</body>
这样的话当前页面下的所有h2标签中的内容都会变成红色,
但是我们如果不想让全部h2变成红色,我们就可以使用子代选择符
子代选择符仅选择直接子元素,语法:body>h2
<style>
body>h2{
color: red;
}
</style>
这样,只有第一个h2元素变成了红色,div中的h2元素保持不变