用CSSselect倒数第二个元素

我已经知道：最后一个孩子但有没有办法selectdiv：

<div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div>

注意：没有jQuery，只能用CSS

在CSS3中你有：

 :nth-last-child(2)

请参阅： http ： //webdesign.about.com/od/styleproperties/p/nth-last-child.htm

nth-last-child浏览器支持：

Chrome 2

Firefox 3.5

歌剧9.5,10

Safari 3.1,4

Internet Explorer 9

注：发表这个答案是因为OP后来在评论中表示，他需要select最后两个元素，而不仅仅是倒数第二个元素。

:nth-child CSS3select器实际上比你想像的更能干！

例如，这将select#container的最后2个元素：

 #container :nth-last-child(-n+2) {}

但这只是美好友谊的开始。

 #container :nth-last-child(-n+2) { background-color: cyan; }

 <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <div>SELECT THIS</div> </div>