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