第一個孩子的行爲不同

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