可以用第n个子项选择最后n个项目吗？
可以用第n个子项选择最后n个项目吗？
提问于 2011-01-31 01:50:45
使用标准列表，我尝试选择最后两个列表项。我有各种An+B的排列，但似乎没有选择最后两个：
li:nth-child(n+2) {} /* selects from the second onwards */
li:nth-child(n-2) {} /* selects everything */
li:nth-child(-n+2) {} /* selects first two only */
li:nth-child(-n-2) {} /* selects nothing */我知道有像:nth-last-child()这样的新的CSS3选择器，但如果可能的话，我更喜欢在更多的浏览器上工作的东西(不是特别关心IE )。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-07-01 07:29:42
这将选择列表中的最后两个iems：
li:nth-last-child(-n+2) {color:red;}<ul>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
</ul>
Stack Overflow用户
发布于 2011-01-31 01:55:09
nth-last-child听起来像是专门为解决这个问题而设计的，所以我怀疑是否有更兼容的替代方案。不过，支持看起来像是pretty decent。
Stack Overflow用户
发布于 2012-07-16 23:27:21
:nth-last-child(-n+2)应该可以做到这一点
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4844456
复制相关文章
相似问题