css - 更改属于 div id="content" 的所有 Select 元素的宽度

Question

我正在尝试对所有<select>属于 a 后代的元素进行样式设置<div>。我可以给他们上课，但我想变得聪明:-)

我相信它在 ie6 中不起作用，但它在 ie7 等中起作用吗？

你怎么做呢

这是我的选择之一（它没有类或 id），但它们都是 id 为“内容”的 div 的后代

<div id="content">
    <select >
        <option></option>
    </select>
</div>

有任何想法吗？

Answer 1

如果您想要任何作为 id="content" 元素后代的选择：

#content select { ... }

如果您想要任何作为 id="content" 元素的直接后代的选择：

#content > select { ... }

如果您想将其限制为仅具有 id="content" 的 div 元素：

div#content select { ... }

第二个可能无法在某些较旧的浏览器中运行，但其他浏览器甚至可以在古老的浏览器中运行，只要它有任何 css 支持，例如 Netscape 4。

Answer 2

这应该适用于浏览器：

#content select {
   // Styles for selects inside the div with id `content'
}

Answer 3

.myDiv select {
  font-family:verdana;
}

<div class="myDiv">
  <p><select>...</select></p>
  <p><select>...</select></p>
</div>

Answer 4

div#content > select {
}

Answer 5

.content select {

              css here

}

我相信这就是你可以做到这一点的方法。其中“内容”是您的 div 的类。这将格式化具有“内容”类的 div 内的所有选择。

祝你好运！

Answer 6

Nick 的解决方案只获得直系后代，因此它不会在 div 的表单中获得选择。无论它们有多少其他元素，这都会得到它们：

#content select { width: 100px }

例如，如果您只想获取文本输入，您可以这样做：

#content select[type=text] { width: 100px }

并且不要忘记密码输入不同于文本输入！