2013-05-02 84 views
2

我在页面上有许多具有特定css类的元素(比如item)。是否可以在第(N-1)个.item上应用CSS样式?例如,它有9个元素,然后我需要风格8。获取第(N-1)页上的最后一个项目

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

jsFiddle of what I need

回答

4

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

body > :nth-last-child(2) 

​​

+0

我很快离开我告诉你! +1 – lifetimes 2013-05-02 22:40:12

+0

heh,对不起抢你的雷霆 – MikeM 2013-05-02 22:40:44

+0

:(http://jsfiddle.net/fWRw8/3/ – 2013-05-02 22:44:47

3

是的,你可以使用:nth-last-child(2)选择来获得倒数第二个元素。

这是jsFiddle example

这在旧版本的IE中不支持,因此here's a link to a quick hack也可以在那里使用。


编辑:关于你的具体使用情况,不幸的是,它看起来像没有使用CSS只是任何真正的解决方案。我最初的想法是:nth-last-of-type,但是当你把它放在一个班上,并且与不同的父母一起工作时,这是不行的。 :nth-last-child也是基于父母,所以也不会有帮助。可悲的是,没有与这些类似的类选择器,所以我不敢说你可能需要通过这些选择器来做到这一点。 jQuery的。

+0

不,这是行不通的。它搜索CHILD元素,但在我的情况下,元素分布在不同的父母之间。 – 2013-05-02 22:30:43

+0

这不适用于IE8或更早版本...这是OP的问题吗? – 2013-05-02 22:32:56

+1

@FeistyMango这是什么Selectizr是 - http://selectivizr.com/ – lifetimes 2013-05-02 22:33:53

相关问题