javascript - 第一个 child 表现不同

Question

如果 P 标记上方有一个 Ul，则第 n 个子级的行为会有所不同。我没有在 nth-child(1) 中得到第一个 child ，而是在 nth-child(2) 中得到它。一些如何将 Firstchild 视为 UL 或隐藏在另一方面 eq(0) 是否正常工作。有人可以向我解释一下为什么会发生这种情况吗？

HTML

<ul>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
    <li>some text</li>
</ul>
<p>some text</p>
<p>some text</p>
<p>some text</p>

JavaScript

$('p:nth-child(2)').css('background','#ccc');
$('p:eq(0)').css('color','red');

<强> Fiddle demo

Answer 1

因为它是 parent 的第二个 child

尝试第 n 种类型

$('p:nth-of-type(1)').css('background', '#ccc');

演示:Fiddle