[解決済み] CSS3セレクタの質問(最初のセレクト以外について
2022-11-26 19:01:02
質問
以下のマークアップで、各オプション div 内の最初の選択メニュー以外を選択する CSS セレクタが欲しいのですが、たくさんあると思います。
<div class="options">
<div class="opt1">
<select title="Please choose Warranty">
<option value="">Select Waranty</option>
<option value="1">1 year guarantee</option>
<option value="2">3 year guarantee</option>
</select>
</div>
<div class="opt2">
<select title="Please choose Color">
<option value="">Select Color</option>
<option value="1">Red</option>
<option value="2">Blue</option>
</select>
</div>
<div class="opt3">
<select title="Please choose Size">
<option value="">Select Size</option>
<option value="1">Small</option>
<option value="2">Big</option>
</select>
</div>
</div>
CSS3のセレクタをほぼ完全にサポートしているPrototypeの中で使っているので、ブラウザのサポートは気にしていません。
初期セレクタはこんな感じでしょうか。
div.options div select
のバリエーションをいくつか試してみました。
nth-child
と
:not(:first-child)
を追加しましたが、うまくいかないようです。
どのように解決するのですか?
参照してください。 http://jsfiddle.net/uDvEt/1/
.options > div:not(:first-child) select { background:yellow;}
関連
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] 特定のテキストを含む要素に対するCSSセレクタはありますか?
-
[解決済み] CSSですべての子要素を再帰的に選択する
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
-
[解決済み】CSS3 セレクタ :first-of-type をクラス名で指定する?
-
[解決済み】「tr」を1つ目以外すべて選択する
-
[解決済み】最初の直接の子だけを対象としたCSSセレクタはありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] 残りの幅を埋めるためにdivを展開する