ホームページ > ウェブフロントエンド > htmlチュートリアル > 子要素 selectors_html/css_WEB-ITnose についての質問です。

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

WBOY
リリース: 2016-06-21 09:41:00
オリジナル
1392 人が閲覧しました

この投稿は 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 には機能しません
サブ要素はすべてのサブ要素に対して有効です。ここではありません。なぜ?

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

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

息子と孫の違い

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート