Получить (N-1) последний номер на странице

Question

У меня есть ряд элементов с конкретным классом css на странице (скажем item). Можно ли применить стиль css на (N-1) th .item? Например, есть 9 элементов, тогда мне нужно стилизовать восьмое.

Я знаю о :nth-last-child(2). Но в моем случае это не работает. Он ищет элементы CHILD, но в моем случае elments распределяются между разными родителями.

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, который заставит его работать там тоже.

---

Edit: Что касается вашего конкретного случая использования, к сожалению, похоже, нет никакого реального решения, используя только CSS. Мои первоначальные мысли были :nth-last-of-type, но поскольку вы основываете его на классе и с разными родителями, это не сработает. :nth-last-child также основан на родительском, так что это тоже не поможет. К сожалению, нет селекторов, связанных с классом, похожих на них, так что я боюсь сказать, что вам, возможно, придется это сделать. JQuery.