当前位置: 代码迷 >> 综合 >> 初识CSS-子代选择符
  详细解决方案

初识CSS-子代选择符

热度:51   发布时间:2023-10-25 03:35:07.0

我们上次学习了后代选择符,如图:

<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元素保持不变

  相关解决方案