Com a seguinte marcação, quero que um seletor CSS selecione todos, exceto o primeiro menu de seleção em cada div de opções - dos quais podem haver muitos:
<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>
Estou usando isso no Prototype, que tem suporte quase total ao seletor css3, então não estou preocupado com o suporte do navegador.
O seletor inicial seria algo como:
div.options div select
Tentei algumas variações do nth-child
e, :not(:first-child)
mas não consigo fazer funcionar.
fonte
.options > div:nth-child(n+2) select
fonte