css - div id="content"の子孫であるすべてのSelect要素の幅を変更します

Question

<select>の子孫であるすべての要素のスタイルを設定しようとしてい<div>ます。私はそれらにクラスを置くことができましたが、私は賢くしようとしていました:-)

IE6では動作しないと思いますが、IE7などでは動作しますか？

どうしますか

これが私の選択の1つです（クラスまたはIDはありません）が、これらはすべて、IDが「content」であるdivの子孫です。

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

何か案は？

score 5 · Accepted Answer

id = "content"の要素の子孫であるselectが必要な場合：

#content select { ... }

id = "content"の要素の直接の子孫であるselectが必要な場合：

#content > select { ... }

id = "content"のdiv要素のみに制限する場合：

div#content select { ... }

2つ目は、一部の古いブラウザでは機能しない可能性がありますが、Netscape 4などのcssをサポートしている限り、古いブラウザでも機能するはずです。

score 2 · Accepted Answer

これはブラウザ間で機能するはずです。

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

score 1 · Accepted Answer

.myDiv select {
  font-family:verdana;
}

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

score 0 · Accepted Answer

Nickのソリューションは直接の子孫のみを取得するため、div内のフォームでselectを取得することはありません。これにより、他の要素がいくつ深くても、それらを取得できます。

#content select { width: 100px }

たとえば、テキスト入力のみを取得したい場合は、次のように実行できます。

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

また、パスワード入力はテキスト入力とは異なることを忘れないでください。

score 0 · Accepted Answer

0

div#content > select {
}

于 2009-06-30T19:57:18.840 に答える

score 0 · Accepted Answer

.content select {

              css here

}

これがあなたがこれを達成する方法だと私は信じています。「コンテンツ」はdivのクラスです。これにより、「コンテンツ」のクラスを持つ div 内のすべての選択がフォーマットされます。

幸運を祈ります！

6 に答える 6