html - 除了第一个选择之外的所有 CSS3 选择器问题

标签 html css css-selectors

使用以下标记,我希望 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/

相关文章:

javascript - 嵌套 li - 点击子项,触发父项点击事件

html - Outlook/Windows 和 Outlook/OS X 中的 CSS 渲染

css - 是否有一个“ previous sibling ”选择器?

javascript - 如何使用 jquery 选择和删除/隐藏一个 div?

html - 具有 3 列的 Div 布局 : fixed - liquid - fixed

html - 扫描站点以获取图像和 alt 属性

CSS tooltip 定位在某个区域之后

javascript - 以绝对位置居中图像(顶部,左侧)

html - 更改图标的位置,使它们显示在一行中而不是彼此下方

css - 提高 CSS 类开关的性能