CSS：在列表项最后孩子(CSS: :last-child on list item)

如果UL具有多类项目里，是有可能得到使用特定类别的最后一个项目：最后一个孩子？

例如，请考虑以下几点：

<ul class="test">
    <li class="one">
    <li class="one">
    <li class="one">
    <li class="two">
    <li class="two">
</ul>

我想添加一些样式到了作为最后李类“一”（即第三列表）。

我试过以下，它不工作。

ul.test li.one:last-child 

Answer 1:

这是不可能的还 。

• :last-child选择了最后一个孩子，无论标签名称等
• 可能的替代方案中， :last-of-type选择标记的最后出现。 它忽略了类名称等

你唯一的选择是一类特殊的名字添加到该元素，或者使用JavaScript来添加这个类名。

Answer 2:

而不是给类每个L1，你可以去n个子在那里你可以通过李号码分配的风格。

如果你想给独立的CSS为您3里，那么你需要写

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

Answer 3:

你可以使用jQuery做到这一点： http://jsfiddle.net/surendraVsingh/HyAhL/2/

jQuery代码：

var n = $('.one').length;
$('.one').eq(n-1).css('color', 'red');

文章来源: CSS: :last-child on list item