使用css选择倒数第二个元素
使用css选择倒数第二个元素
提问于 2011-03-24 19:59:32
我已经知道了:最后一个孩子。但是有没有办法选择div：
<div id="container">
<div>a</div>
<div>b</div>
<div>SELECT THIS</div> <!-- THIS -->
<div>c</div>
</div>注意:没有jQuery，只有CSS
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-03-24 20:08:03
在CSS3中，您可以：
:nth-last-child(2)请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child
nth-last-child浏览器支持：
- Chrome 2
- Firefox 3.5
- Opera9.5，10
- Safari3.1，4
H115IE9
Stack Overflow用户
发布于 2011-03-24 20:08:45
注意：发布这个答案是因为OP后来在评论中指出，他们需要选择__的最后两个元素，而不仅仅是倒数第二个元素。
实际上，:nth-child CSS3选择器的功能比您想象的更强大！
例如，这将选择#container的最后两个元素
#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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5418744
复制相关文章
相似问题