Modificare la larghezza di tutti gli elementi Select che sono discendente di un div id = “content”

Question

Sto cercando per lo stile di tutti gli elementi <select> che sono un discendente di una <div>. Avrei potuto mettere un una classe su di loro, ma stavo cercando di essere intelligente: -)

Credo che non funziona in IE6, ma funziona in IE7 etc?

Come si fa a farlo

Ecco uno dei miei seleziona (non ha classe o id), ma sono tutti discendenti di un div il cui id è "contenuto"

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

Tutte le idee?

Answer 1

Se volete qualsiasi selezionare che è un discendente di un elemento con id = "content":

#content select { ... }

Se volete qualsiasi selezionare che è un diretto discendente di un elemento con id = "content":

#content > select { ... }

Se si vuole limitare a solo div elementi con id = "content":

div#content select { ... }

Il secondo potrebbe non funzionare in alcuni browser meno recenti, ma gli altri dovrebbe funzionare in anche un antico navigatore purché abbia un supporto CSS a tutti, come Netscape 4.

Answer 2

Questo dovrebbe funzionare in tutti i browser:

#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

}

Credo che questo è come si può raggiungere questo obiettivo. Dove "contenuto" è la classe del vostro div. Ciò formattare tutte le seleziona all'interno di un div che ha la classe di "contenuti".

Il meglio di fortuna!

Answer 6

La soluzione di Nick ottiene solo discendenti diretti, quindi non sarebbe ottenere una selezione in un modulo nella div. Questo otterrà loro non importa quanti altri elementi profondi sono:

#content select { width: 100px }

Se si desidera solo per ottenere, ad esempio, gli ingressi di testo si può fare questo:

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

e non dimenticate che gli ingressi delle password sono diversi da input di testo!