2014-03-13 75 views
2

我有一個無序列表。它有時包含4,5,6或7個項目。我想知道是否有一個CSS選擇器來選擇最後兩個項目。我意識到:last-child會讓我最後一個項目。是否有「倒數第二個孩子」選擇器?或「兒童數量-2」選擇器?用於選擇最後兩個孩子的CSS選擇器,不知道列表中有多少項目

HTML:

<ul> 
    <li>First Item</li> 
    <li>Second Item</li> 
    <li>Second from Last Item</li> 
    <li>Last Item</li> 
<ul> 

CSS:

ul li:last-child, ul li:last-child-1 { 
    // Do something 
} 

我意識到:last-child-1不是一個選擇,但即時通訊希望有類似的東西在那裏。任何幫助將大大apprecialted。

+1

相關:[CSS最後一個孩子(-1)(http://stackoverflow.com/questions/9227932/css-last-孩子1) – BoltClock

回答

7
ul li:nth-last-child(-n + 2) { 
    /* .. */ 
} 
+0

有趣,但在這裏不工作:http://jsfiddle.net/pQmXM/3/ –

+1

使用':nth-​​last-child()'代替 - [fiddle](http://jsfiddle.net/ 3Md4g /) – Adrift

+0

是的,http://jsfiddle.net/pQmXM/4/這是相當不錯的。 –