divのid =「コンテンツ」の子孫であるすべての選択要素の変化幅
-
21-08-2019 - |
質問
私は<select>
の子孫であるすべての<div>
要素のスタイルをしようとしています。私は彼らにクラスを置くことができたが、私は賢いことをしようとしていた: - )
私はそれがIE6では動作しませんが、それはIE7などで働くん信じますか?
あなたがそれをどのように行うのです。
ここに私の選択(それはクラスやIDを持っていない)のうちの1つであるが、彼らは、ID「コンテンツ」
であるdiv要素のすべての子孫です<div id="content">
<select >
<option></option>
</select>
</div>
任意のアイデア?
解決
必要であれば任意のものにid =「内容」を持つ要素の子孫である選択します:
#content select { ... }
必要であれば任意のものにid =「内容」を持つ要素の直接の子孫で選択します:
#content > select { ... }
あなたは、ID =「内容」を持つ唯一のdiv要素にそれを制限する場合:
div#content select { ... }
二つ目は、一部の古いブラウザでは動作しないかもしれないが、他の人がいる限り、それはネットスケープ4のように、まったくCSSサポートを持っているとしても、古代のブラウザで動作するはずです。
他のヒント
このは、ブラウザ間で動作する必要があります:
#content select {
// Styles for selects inside the div with id `content'
}
.myDiv select {
font-family:verdana;
}
<div class="myDiv">
<p><select>...</select></p>
<p><select>...</select></p>
</div>
div#content > select {
}
.content select {
css here
}
私は、これはあなたがこれを実現する方法であると考えています。どこで「コンテンツ」とは、あなたのdivのクラスです。これは、「コンテンツ」のクラスを持つdiv要素の中にすべての選択をフォーマットします。
最高の幸運!
ニックのソリューションは、唯一の直接の子孫を取得し、それはdivの中に、フォームでの選択を得ないでしょう。これは関係なく、彼らがどのように他の多くの要素の深いそれらを取得しません。
#content select { width: 100px }
あなただけ取得したい場合は、例えば、テキスト入力は、あなたがこれを行うことができます:
#content select[type=text] { width: 100px }
とパスワードの入力がテキスト入力よりも異なっていることを忘れないでください!
所属していません StackOverflow