css - (p span) 和 (p > span) 有什么区别？

Question

我很困惑，我想知道由于 p > span 和 p span 中的每一个的错误使用，代码会受到怎样的损害。我指的是与 span 相关的选择器 NOT p。

Answer 1

p span 将定位恰好在 p 元素内的任何跨度，无论嵌套如何。

p > span 将仅针对作为 p 元素的直接后代的跨度。

例如。

<p><div><span>this will match the first but not the second</span></div></p>

<p><span>this will match both</span></p>