如果我想为 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/