Html 用css选择倒数第二个元素

我已经知道了：最后一个孩子。但是有没有办法选择div：

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

注意：没有jQuery，只有在CSS3中使用CSS时，您才有：

:nth-last-child(2)

见：

第n个最后一个子浏览器支持：

铬2 火狐3.5 歌剧9.5、10 Safari 3.1、4 Internet Explorer 9 注意：之所以发布这个答案，是因为OP后来在评论中说他们需要选择最后两个元素，而不仅仅是倒数第二个

第n个子CSS3选择器实际上比您想象的更强大

例如，这将选择容器的最后两个元素：

容器：n-last-child-n+2{} 但这只是一段美好友谊的开始

容器：n-last-child-n+2{ 背景色：青色； } A. B 选择这个 选择这个

---

当然，关于为什么倒数第二个孩子是重要的，有一定的逻辑吗？是的，我需要选择倒数第二和倒数第二两个来应用一些样式为什么你不能把一个类放在倒数第二个分区为什么你不能把一个类放在倒数第二个分区：也许如果你开始创建样式内容，在这种情况下，您无法轻松地将类添加到最后一个项目的第二个项目？这可能是一种方法，除非您可以将类附加到您尝试选择的div。正如Frosty所提到的，旧浏览器或IE不支持CSS3。如果您关心跨浏览器的可计算性，Jquery是一个更好的选择。它是链接文章的复制/粘贴。。。已编辑的答案，谢谢。css:container>中的解决方案：nth-last-child2{background:red；}请检查此代码笔以在live中查看：现在我们不需要支持旧版IE，此答案将非常有效。老实说，如果人们仍在使用IE8及以下，他们就不应该拥有漂亮的东西。好的，我的答案只选择了最后一个减去1的孩子。我不知道这件事D