我们如何才能在列表组中为最后三项添加一个类

Question

我们如何才能在列表组中为最后三项添加一个类。

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li class="last">7</li>
    <li class="last">8</li>
    <li class="last">9</li>
</ul>

Answer 1

li:nth-last-child(-n+3) 
{
  color: green;   
}

<强> FIDDLE

在this mozilla article

中查看此内容

Answer 2

例如：

var $lis = $("li");

$lis.filter(":gt(" + ($lis.length - 4) + ")").addClass("last");

DEMO

Answer 3

你可以一行完成！

$("ul li:nth-last-child(-n+3)").addClass("last");

（虽然其他人似乎已经打败了我！我会把它作为jQuery解决方案发布）

Answer 4

只是CSS？

li:nth-child(n+7) {
color: green;   
}

Answer 5

您也可以使用切片执行此操作，传递负值以从集合的末尾获取元素：

$('li').slice(-3).addClass('last');

Here's a fiddle

Answer 6

试试这个

$('ul li').slice(-3).addClass("last");

Answer 7

例如：

$("li.last").addClass("last");

此处DEMO