2014-03-13 2 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가 선택되지 않습니다 실현하지만, 거기에 비슷한 일이 희망 메신저. 어떤 도움이라도 크게 부각 될 것입니다.

+1

에 대한 관련 : [CSS 마지막 아이 (-1)] (http://stackoverflow.com/questions/9227932/css-last- child-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/ 이것은 아주 좋습니다. –