css - 获取页面上的第 (N-1) 个最后一项

Question

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

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

jsFiddle 我需要的东西

Answer 1

使用子组合选择器 ( >)以及body@Zenith 的解决方案

body > :nth-last-child(2)

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

Answer 2

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

这是一个jsFiddle 示例。

旧版本的 IE 不支持此功能，因此这里有一个快速 hack 的链接，它也可以在那里工作。

---

编辑：关于您的特定用例，遗憾的是，仅使用 CSS 似乎没有任何真正的解决方案。我最初的想法是，:nth-last-of-type但是当你基于一个班级和不同的父母时，这是行不通的。:nth-last-child也是基于父母的，所以这也无济于事。可悲的是，也没有与这些类似的与类相关的选择器，所以我不敢说你可能不得不通过。jQuery。