Question

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

因为它是父母的第二个孩子

尝试nth-of-type

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

演示：Fiddle

第一个孩子的行为不同

1 个答案: