为什么在CSS中使用">"？

Question

如果我想为div中的所有p元素添加样式,我为什么要使用它

div > p{

  *style here*

}

而不是公正的

div p{

  *style here*

}

此外,如果我想使用伪类,为什么我会选择使用">"

div > p:first-child{

  *style here*

}

代替

 div p:first-child{

   *style here*

 }

有任何好处或缺点吗？那个运营商做了什么？

Answer 1

这是直接的孩子,而不是递归的匹配.

CSS

div > p {

}

HTML

<div>
   <p>Match</p>
   <span>
      <p>No match</p>
   </span>
</div>

CSS

div p {

}

标记

<div>
   <p>Match</p>
   <span>
      <p>Match</p>
   </span>
</div>