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

div > p{

  *style here*

}

与公正
div p{

  *style here*

}

此外,如果我想使用伪类,那我为什么还要选择使用“>”
div > p:first-child{

  *style here*

}

代替
 div p:first-child{

   *style here*

 }

有什么好处或缺点吗?
该运算符(operator)做什么?

最佳答案

这是直接子项,而不是递归匹配项。

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>

关于html - 为什么在CSS中使用 ">"?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11894054/

10-11 22:28
查看更多