Со следующей разметкой я хочу, чтобы селектор CSS выбирал все, кроме первого меню выбора в каждом блоке параметров, которых может быть много:
<div class="options">
<div class="opt1">
<select title="Please choose Warranty">
<option value="">Select Waranty</option>
<option value="1">1 year guarantee</option>
<option value="2">3 year guarantee</option>
</select>
</div>
<div class="opt2">
<select title="Please choose Color">
<option value="">Select Color</option>
<option value="1">Red</option>
<option value="2">Blue</option>
</select>
</div>
<div class="opt3">
<select title="Please choose Size">
<option value="">Select Size</option>
<option value="1">Small</option>
<option value="2">Big</option>
</select>
</div>
</div>
Я использую это в Prototype, у которого есть почти полная поддержка селектора css3, поэтому поддержка браузером меня не волнует.
Первоначальный селектор будет примерно таким:
div.options div select
Я попробовал несколько вариаций на nth-child
и , :not(:first-child)
но не могу показаться , чтобы сделать его работу.
источник
.options > div:nth-child(n+2) select
источник