使用CSS选择倒数第二个元素

我已经知道：last-child。但是有没有选择div的方法：

<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)

请参阅：https：//developer.mozilla.org/en-US/docs/Web/CSS/：nth-last-child

倒数第二个浏览器支持：

• 铬2
• Firefox 3.5
• Opera 9.5、10
• Safari 3.1、4
• Internet Explorer 9

注意：发布此答案是因为OP稍后在评论中指出他需要选择最后两个元素，而不仅仅是倒数第二个。

:nth-child实际上，CSS3选择器比您想象的要强大！

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

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

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

• :nth-child 浏览器支持

#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>