使用以下标记,我希望 CSS 选择器选择每个选项 div 中除第一个选择菜单之外的所有菜单 - 其中可能有很多:
<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)
上尝试了一些变体,但似乎无法让它工作。
最佳答案
参见:http://jsfiddle.net/uDvEt/1/
.options > div:not(:first-child) select { background:yellow;}
关于html - 除了第一个选择之外的所有 CSS3 选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5065766/