第一个孩子的行为不同

Question

如果在P标签之上有一个UI，则第n个孩子的行为会有所不同。我没有得到第一个孩子在第一个孩子（1），而是我在第二个孩子（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

因为是父母的第二个孩子

尝试第n-的型

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

演示：Fiddle