获取（N-1）页面上的最后一项

Question

我在页面上有许多具有特定css类的元素（比方说item）。是否可以在第（N-1）.item上应用css样式？例如，它有9个元素，然后我需要设置第8个样式。

我知道:nth-last-child(2)。但它在我的情况下不起作用。它搜索CHILD元素，但在我的情况下，元素分布在不同的父母之间。

jsFiddle of what I need

Answer 1

将child combinator selector (>)与body一起使用@ Zenith的解决方案

body > :nth-last-child(2)

http://jsfiddle.net/fWRw8/2/

Answer 2

是的，您可以使用:nth-last-child(2)选择器来获取倒数第二个元素。

这是jsFiddle example。

旧版本的IE不支持此功能，因此here's a link to a quick hack也可以使用它。

---

编辑：关于您的具体用例，遗憾的是，似乎没有任何使用CSS的真正解决方案。我最初的想法是:nth-last-of-type，但是因为你是基于一个班级而且不同的父母不会工作。 :nth-last-child也基于父级，因此也无济于事。可悲的是，没有与这类相似的类选择器，所以我不敢说你可能必须这样做。 jQuery的。