CSS セレクターを使用して特定の要素に続く要素をスタイルするにはどうすればよいですか?

CSS セレクターを使用した次の要素の検索

CSS では、隣接する兄弟セレクターを使用して、別の要素に続く要素のスタイルを指定できます。 。この構文は、特定のセレクターの直後に続く要素をスタイル設定する場合に特に便利です。

たとえば、clear:both プロパティをすべての

に適用するシナリオを考えてみましょう。

に続くタグクラス「hc-reform」の要素。

提供されたセレクター h1.hc-reform > p は、h1.hc-reform の子要素をターゲットにしようとしますが、この場合は存在しません。代わりに隣接する兄弟を指定するには、プラス記号 ( ) を使用する必要があります。

このセレクターの正しい構文は次のとおりです。

h1.hc-reform + p {
  clear:both;
}

このセレクターは、すべての

のスタイルを効果的に設定します。 h1.hc-reform 要素に続くタグ。

注: このメソッドは、Internet Explorer バージョン 6 以前ではサポートされていません。

以上がCSS セレクターを使用して特定の要素に続く要素をスタイルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。