Html CSS3 选择器问题，除了先选择
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/5065766/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS3 selector question for all but first select
提问by robjmills
With the following markup i want a CSS selector to select all but the first select menu within each options div - of which there may be many:
使用以下标记，我想要一个 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>
I am using this within Prototype which has almost full css3 selector support so not concerned by browser support.
我在 Prototype 中使用它，它几乎完全支持 css3 选择器，因此不受浏览器支持的影响。
The initial selector would be something like:
初始选择器类似于：
div.options div select
I've tried a few variations on nth-childand :not(:first-child)but can't seem to make it work.
我已经尝试了一些变体nth-child，:not(:first-child)但似乎无法使其工作。
回答by Gidon
See: http://jsfiddle.net/uDvEt/1/
见：http: //jsfiddle.net/uDvEt/1/
.options > div:not(:first-child) select { background:yellow;}
回答by BoltClock
You need to select the option divs instead of the selects when using :not(:first-child), because every selectis the first (and only) child of its parent div:
使用时您需要选择选项divs 而不是selects :not(:first-child)，因为 everyselect是其父项的第一个（也是唯一的）子项div：
div.options > div:not(:first-child) > select
An alternative to :not(:first-child)is to use :nth-child()with a starting offset of 2, like this:
另一种方法:not(:first-child)是使用:nth-child()起始偏移量为 2，如下所示：
div.options > div:nth-child(n + 2) > select
Another alternative is with the general sibling combinator ~(which is supported by IE7+):
另一种选择是使用通用同级组合器~（IE7+ 支持）：
div.options > div ~ div > select
回答by cfx
.options > div:nth-child(n+2) select
.options > div:nth-child(n+2) select
