css中大于号的用法

之前在看上一条博客中原博的代码中看到了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
}

猜你喜欢

转载自blog.csdn.net/Gainsense/article/details/85019823