使用以下标记,我希望CSS Select 器在每个选项div中 Select 除第一个 Select 菜单之外的所有菜单-其中可能有许多选项:

<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 Select 器,所以不受浏览器支持的影响.

初始 Select 器类似于:

div.options div select

我在nth-child:not(:first-child)上试了几个变种,但似乎不能正常工作.

推荐答案

请参阅:http://jsfiddle.net/uDvEt/1/

.options > div:not(:first-child) select { background:yellow;}

Html相关问答推荐

我需要主页按钮出现在中间

使用网格时图像溢出容器高度

如何在Vim中删除Html标签?

如何实现弯曲的梯形导航栏?

如何在div中淡入和淡出渐变背景?

如何在将文本垂直居中的同时将文本右对齐?

多次使用组件时计数Angular 14中嵌套数组的指令

如何使用多边形制作如图所示的背景

Web 组件 #shadow-root css 泄漏到文档

使用 Thymeleaf 将图像水平居中

悬停时宽度从 0 过渡到自动

我如何使用 html 在表格的单元格内实现下面显示的背景 colored颜色 加载器(请判断设计参考的图像链接)

CSS Grid 布局:1 大图和 3 小图

在 iPhone 上分隔 HTML 邮箱输入中的多个邮箱条目

将图像高度调整到容器 div 中而不使其高度增加

CSS:第一个类型的伪类没有按预期工作

获取 div 中每个元素的 href 并使用它

如何根据行中的其中一列将行居中?

防止按钮溢出到新行

如何在 svelte 中对静态 html 文件使用href=