选择：具有特定类名的last-child（仅限css）

Question

我有这个代码示例

<ul>  
    <li class="list">test1</li>
    <li class="list">test2</li>
    <li class="list">test3</li>
    <li>test4</li>
</ul>

有没有办法用class =“list”获取最后一个元素？

这就像这个问题 How do I select the "last child" with a specific class name in CSS?但是有一个技巧。我无法修改html代码，所以当这个问题的解决方案很好时，它在这种情况下不起作用。

谢谢！

PS：我不能使用jquery或javascript。它的纯CSS在这里。

PS2：元素的数量并不总是相同

Answer 1

不，你不能。你觉得这很奇怪：最后一个孩子会得到最后一个匹配的可能性，但它不会这样。 ：last-child只找到最后一个元素，即使你做li.list:last-child只查找最后一个孩子，看看它是否是li，然后看看他们是否有一个列表类。如果他们这样做则匹配，如果不匹配则不匹配。

如果您可以使用jQuery，那么您可以轻松地执行此操作，例如在此示例中（我确定还有其他方法）：http://jsfiddle.net/eW6S5/173/

$('li.list').last().css('color','red');