2013-05-02 82 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

相關問題