css - CSS：从第 n 个元素开始全选

Question

如何从第 n 个元素开始选择所有子元素？例如，我有一个具有 7 个跨度的 div，我需要选择从第 3 个元素开始的所有跨度，因此应该选择 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, ...