css - 选择 :last-child with especific class name (with only 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 会得到最后一个匹配的可能性，但它不是那样工作的。 :last-child 只找到最后一个元素，即使你做了列表。如果他们这样做，那么它匹配，如果不匹配则不匹配。

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

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