玉龙湖大博哥 参考文章

div p 和 div>p 有什么区别?

举个栗子:

<style> 
  div span{color:red;}
</style>

<div>
  <p> 
     <span> Hello World! </span>
  </p>
  <span> Study Css </span>
</div>
上面的例子中所有的span都为红色

而下面的:

<style> 
  div>span{color:red;}
</style>

<div>
  <p> 
     <span> Hello World! </span>
  </p>
  <span> Study Css </span>
</div>

这个例子中只有Study Css是红色!

由此可见 div>span 是父级是div的所有span元素,而Hello World的父级是p。