css - 选择具有特定类名的 :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" 获取最后一个元素？

就像这个问题一样如何在 CSS 中选择具有特定类名的“最后一个孩子”？但有一个窍门。我无法修改 html 代码，所以虽然这个问题的解决方案很好，但在这种情况下它不起作用。

谢谢！

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

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

Answer 1

不，你不能。这很奇怪，因为您会认为 :last-child 会获得最后匹配的可能性，但它不会那样工作。:last-child 只找到最后一个元素，即使你这样做了 li.list:last-child 那只寻找最后一个孩子，看看它是否是一个 li，然后看看他们是否有一个列表类。如果他们这样做，那么它匹配，如果没有，那么不匹配。

如果你可以使用 jQuery，那么你可以很容易地做到这一点，例如在这个例子中（我相信还有其他方法）：http: //jsfiddle.net/eW6S5/173/

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