（p span）和（p＆gt; span）之间有什么区别？

Question

我很困惑，我想知道代码如何受到损害，因为p > span和p span都使用不当。我指的是与p相关的选择器NOT span。

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>

Answer 2

p span表示SPAN位于P元素内的任何位置。在下面的示例中，这将是span1，span2和span3。

p > span表示SPAN是P元素的直接子元素。在示例中，它是span1和span3，但不是span2。

如果你有元素：

<p>
  <span id="span1"></span>
  <div><span id="span2"></span></div>
  <span id="span3"></span>
</p>