所有谁是DIV ID的后代中选择元素的变化宽度=“内容”

Question

我想要的风格，是一个<select>的后裔所有<div>元素。我可以把一个类上他们，但我是巧言令色： - ）

我认为它不工作在IE6，但它在IE7中工作等等？

你怎么办呢

下面是我的选择（它没有类或ID）中的一个，但它们是一个div id为“内容”

的所有后代

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

任何想法？

Answer 1

如果你想要的任何选择与ID =“内容”的元素的后代：

#content select { ... }

如果你想要的任何选择与ID =“内容”的元素的直系后代：

#content > select { ... }

如果您想将它限制为仅使用id =“内容”的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内部的所有选择。

好运！

Answer 6

尼克的解决方案只得到直系后代，所以它不会在div形式得到选择。这将让他们不管他们有多少其他要素深有：

#content select { width: 100px }

如果你只想要得到的，例如，文本输入，你可以这样做：

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

和不要忘了，密码输入与文字输入的不同！