css - 如何使用 css nth-child 选择列表中的最后两项？

Question

这可能吗？如果没有，有没有办法用 jQuery 来实现？

Answer 1

使用 CSS3 是可能的。考虑标记:

<ul>
    <li><a href="">First item</a></li>
    <li>Second item</li>
    <li><a href="">Test</a></li>
    <li><a href="">Test</a></li>
    <li><a href="">Pre-last item</a></li>
    <li><a href="">Last item</a></li>
</ul>

要选择您执行的最后两个 LI 元素:

ul > li:nth-last-of-type(-n+2) {
    background: green;
}

适用于所有现代浏览器，包括 IE9，但不包括 IE8 及更低版本。要添加对这些浏览器的支持，您可以考虑使用 Selectivizr.js