Ändern Breite aller Elemente auswählen, der Abkömmling einer div id sind = „content“

Question

Ich versuche, alle <select> Elemente Stil, ein Nachkomme eines <div> sind. Ich konnte ein auf sie eine Klasse gesetzt haben, aber ich habe versucht, schlau zu sein: -)

Ich glaube, es nicht in IE6 funktioniert aber in IE7 etc funktioniert?

Wie Sie es tun

Hier ist eine meiner wählt (es keine Klasse oder id hat), aber sie sind alle Abkömmlinge eines div mit id = „content“

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

Irgendwelche Ideen?

Answer 1

Wenn Sie eine wollen wählen, dass ein Nachkomme eines Elements mit id = „content“:

#content select { ... }

Wenn Sie eine wollen wählen, dass ein direkter Nachkomme eines Elements mit id = „content“:

#content > select { ... }

Wenn Sie wollen, dass es zu begrenzen, um nur div-Elemente mit id = "content":

div#content select { ... }

Die zweite möglicherweise nicht in einigen älteren Browsern funktionieren, aber die andere sollten so lange in sogar einen alten Browser arbeiten, wie es jede CSS-Unterstützung überhaupt hat, wie Netscape 4.

Answer 2

Dies sollte in allen Browsern funktionieren:

#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

}

Ich glaube, das ist, wie Sie dies erreichen können. Wo „Inhalt“ ist die Klasse Ihres div. Dies wird formatiert alle wählt innerhalb eines div, die die Klasse von „Inhalt“ hat.

Best of Luck!

Answer 6

Nick-Lösung wird nur direkte Nachkommen, so wäre es nicht eine Auswahl in einer Form, in der div bekommen. Dies wird ihnen egal bekommen, wie viele andere Elemente tief sie sind:

#content select { width: 100px }

Wenn Sie nur erhalten möchten, beispielsweise die Texteingaben Sie können dies tun:

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

und vergessen Sie nicht, dass Passworteingaben sind anders als Texteingaben!