CSS :: list-item上的last-child

Question

如果ul有多个类的li项，是否可以使用：last-child来获取特定类的最后一项？

例如，请考虑以下事项：

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

我想在最后一个具有“one”类（即列表中的第三个）的li中添加一些样式。

我尝试过以下操作，但无效。

ul.test li.one:last-child 

Answer 1

这是不可能的yet。

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

您唯一的选择是为该元素添加特定的类名，或使用JavaScript添加此类名。

Answer 2

你可以去第n个孩子，而不是给每个li上课，你可以用li号分配样式。

如果你想为你的第三个li提供单独的css，那么你需要写

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');