CSS: выберите все, начиная с n-го элемента

Как я могу выбрать все дочерние элементы, начиная с n-го элемента? Например, у меня есть div с 7 пролетами, и мне нужно выбрать все промежутки, начиная с 3-го элемента, поэтому нужно выбрать 4,5,6,7.

Ответы

Ответ 1

div>span:nth-child(2)~span должен сделать трюк. Компонент ~ General Sibling Combinator выбирает все следующие элементы. Спецификация находится в http://www.w3.org/TR/css3-selectors/#general-sibling-combinators

Ответ 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 */
}

Ответ 3

Вы можете использовать

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

Однако это специально не выбирает элементы 3-7. Вместо этого он исключает первые два элемента. Таким образом, он также будет выбирать элементы 8,9,...