CSS を使用して、特定の H1 に続く段落のフロートをクリアするにはどうすればよいですか?

CSS の隣接兄弟セレクター

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

質問:

があります。クラス「hc-reform」とそれに続く

を含むタグタグ。クリアを適用したいとします。両方。プロパティをすべてに

解決策:

このシナリオでは、隣接する兄弟セレクターが適切な選択です。正しい CSS ルールは次のとおりです。

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

このルールでは、任意の

が選択されます。

の直接の兄弟であるタグ。クラス「hc-reform」の要素。この構文は IE6 以前のブラウザではサポートされていないことに注意してください。

以上がCSS を使用して、特定の H1 に続く段落のフロートをクリアするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。