之前在看上一条博客中原博的代码中看到了css选择器里有一个大于号,就去了解了一下大于号>的用法,大意是选择器选择儿子标签,而不选择孙子标签
例子
<div>
<span>
这个span是div的儿子标签
</span>
<p>
<span>
这个span是p的儿子标签也就是div的孙子标签
</span>
</p>
</div>
div span{
background-color:red//选择所有span
}
div> span{
background-color:red//只选择儿子标签span而不选择p标签中的孙子标签span
}