Как использовать nth-child (), но не для child в CSS?

Question

Я собираюсь сделать что-то похожее на селектор eQ () jQuery для таргетинга элементов на странице в соответствии с их порядком. : nth-child () - это именно то, что мне нужно, за исключением того, что я хочу, чтобы целевые элементы не были дочерними. Например:

<div></div>
<div></div>

Если я хотел нацелиться на 2-й див, описанный выше, что я могу использовать в css (без указания идентификатора или класса)?

Answer 1

Вы не можете выбрать n-й элемент из набора произвольных, не связанных совпадений с помощью селекторов CSS.

Это можно сделать только в jQuery, используя $('div:eq(1)').

Answer 2

Если это единственные смежные элементы div, вы можете использовать div + div.В противном случае это будет соответствовать всем div, начиная со второго.

В этом случае вам также придется сбросить любой CSS, который вы применили, указав правило div + div + div.Это относится ко всем последующим div, начиная с 3-го.