我可以 :nth-child(10-infinity) 吗？答案

【问题标题】：Can I :nth-child(10-infinity)?我可以 :nth-child(10-infinity) 吗？
【发布时间】：2013-12-14 11:47:53
【问题描述】：

我希望从第 10 位开始选择所有 <li>s。我宁愿有 css，但如果需要的话 javascript/jquery 也可以。

【问题讨论】：

【解决方案1】：

li:nth-child(n + 10) {
    background: cornflowerblue;
}

“如果我只想选择 10 到 25 怎么办？” ：

li:nth-child(n + 10):nth-child(-n + 25) {
    background: cornflowerblue;
}

【讨论】：

这确实有一些有限的支持。有关详细信息，请访问 caniuse.com。
在那个小提琴中使用ol 比使用ul 更好，所以一目了然，它从#10 开始。
适用于 IE7 和 IE8 的替代方案是 li + li + li + li + li + li + li + li + li + li，但这可能有点笨拙:)
如果需要IE7/8支持，可以使用selectivizr。
如果我只想选择 10 到 25 怎么办？

【解决方案2】：

使用 gt: 选择器 - http://api.jquery.com/gt-selector/

$(document).ready(function () {
    $('ul li:gt(9)').css('color', 'red'); // indexing starts from 0
});

【讨论】：