CSS：从第n个元素开始选择全部

Question

如何从第n个元素开始选择所有子元素？例如，我有一个带有7个跨度的div，我需要选择以3-rd元素开头的所有跨度，因此应该选择4,5,6,7。

Answer 1

div>span:nth-child(2)~span应该做到这一点。 ~ General Sibling Combinator选择所有后续元素。规范是http://www.w3.org/TR/css3-selectors/#general-sibling-combinators

Answer 2

CSS2.1选择器

span + span + span + span {
    /* matching a span that has at least 3 siblings before it */
}

CSS3选择器

span:nth-child(n+4) {
    /* matching from 4th span on */
}

Answer 3

您可以使用

div:nth-child(n+3) {
    // your style here   
}

但是，这并没有特别选择元素3-7。相反，它排除了前两个元素。所以它也会选择元素8,9，...