jquery - nth-child 无法使用 jQuery 工作

Question

大家好，我正在尝试在我的代码中使用 nth-child 但它不起作用，下面是我的代码

HTML

<ul class="colour" >
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>one</li>
    <li>two</li>
    <li>three</li>
  </ul>

jQuery

$(document).ready(function(e) {
    $('.colour ul li:nth-first-child(1)').css('color','pink');
});

我不知道为什么它不起作用，请帮助大家

Answer 1

nth-first-child 不是伪选择器，nth-child 是。

您还选择了 .colour ul，它会查找 ul，该 ul 是具有类 .colour 的元素的后代。这不适用于您的标记。您只需要 .colour 或 ul.colour。

Demo

为了回应您的评论，您希望在这种情况下使用nth-last-child，这种情况确实存在。 Demo