子要素 selectors_html/css_WEB-ITnose についての質問です。

この投稿は xyz121323693 によって最終編集されました: 2013-01-18 09:33:28

h1 要素の子要素のみである強い要素を選択したい場合は、次のように記述できます:




h1 >strong {color:red ;}


このルールは、最初の h1 の下の強い要素を赤にしますが、2 番目の強い要素は影響を受けません:

これは とても

これはとても



お聞きしたいのですが、2番目のものは影響を受けませんか？

ディスカッションへの返信 (解決策)

何が問題ですか?推測するしかありません
これは h1 >strong {color:red;} です
子孫セレクター、h1 の直接の子要素 ​​Strong のみが影響するという認識です。
Strong に Strong も含まれている場合、内側の Strong には機能しません

h1 の下のすべての Strong に効果を与えたい場合は、子孫セレクター h1 Strong{color:red;} を使用します

どのような質問ですか?推測するしかありません
これは h1 >strong {color:red;} です
子孫セレクター、h1 の直接の子要素 ​​Strong のみが影響するという認識です。
Strong に Strong も含まれている場合、内部の Strong には機能しません
サブ要素はすべてのサブ要素に対して有効です。ここではありません。なぜ？

子セレクター (>) と子孫セレクター (スペース) の違いを区別する必要があります。
あなたが指摘した問題の理由は、外側にネストされた要素ノードがあり、子孫セレクターが直接選択することです。子孫は他の要素ノードで囲むことができないため、サブセレクターと呼ばない方がよいでしょう。

分かりました。もう大丈夫

息子と孫の違い