Con el siguiente marcado, quiero que un selector de CSS seleccione todo menos el primer menú de selección dentro de cada div de opciones, de los cuales puede haber muchos:
<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>
Estoy usando esto dentro de Prototype, que tiene soporte de selector css3 casi completo, por lo que no me preocupa el soporte del navegador.
El selector inicial sería algo como:
div.options div select
Probé algunas variaciones de nth-child
y, :not(:first-child)
pero parece que no puedo hacer que funcione.
fuente
.options > div:nth-child(n+2) select
fuente