[解決済み] CSSですべての子要素を再帰的に選択する
2022-03-21 19:40:04
質問
すべての子要素を再帰的に選択するには?
div.dropdown, div.dropdown > * {
color: red;
}
このクラスは、定義されたclassNameとその直下の子クラスにのみクラスを投げます。どのようにして、簡単な方法で、このようにすべての子ノードを選ぶことができるのでしょうか。
div.dropdown,
div.dropdown > *,
div.dropdown > * > *,
div.dropdown > * > * > *,
div.dropdown > * > * > * > * {
color: red;
}
解決方法は?
を使用します。 ホワイトスペース は、ある要素のすべての子孫にマッチします。
div.dropdown * {
color: red;
}
x y
はすべての要素にマッチします。
y
の中にあるものは
x
が、どんなに深くネストされていても(子、孫など)。
アスタリスク
*
は任意の要素にマッチします。
公式の仕様です。 CSS 2.1: 第5.5章: 下位セレクタ
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み】HTML5入力のプレースホルダの色を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 実装 サイバーパンク風ボタン
おすすめ
-
cssで背景色の半透明化を実現する2つの方法
-
[CSSチュートリアル】CSSもこんな風に遊べる?気まぐれグラデーションの極意
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[Div+CSSチュートリアル】divの背景を透明にする設定例
-
[CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果
-
[CSSチュートリアル】CSSプロパティ*-gradientの有用性を探る
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS
-
[CSSチュートリアル】CSSで実現できるのなら、わざわざJavaScriptを使う必要はない
-
[CSSチュートリアル】シンプルなナビゲーションバー機能を実現するhtml+css
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード