`html`、`body`、および `*` セレクターは CSS のスタイルにどのような影響を与えますか?

html、body、および * セレクターに対する CSS ルールの影響

CSS では、html、body、および * セレクターは異なる目的を果たします。同じ HTML ドキュメントに適用される場合。違いを見てみましょう:

1. html セレクター

• にスタイルを適用します。
• 宣言された色 (例: 黒) は、本文を含むその子孫によって継承されますが、背景色 (例: 白) は継承されません。
• HTML 要素の背景色はビューポートを塗りつぶしますが、高さはビューポート全体に自動的に拡張されません。

2. body セレクター

• にスタイルを適用します。
• 宣言された色は、 内のコンテンツを含め、子孫に継承されます。 element.
• HTML の背景色が本文に伝播される間、本文の背景色を設定すると、HTML から継承された色が上書きされます。

3. * セレクター (ユニバーサル セレクター)

• ドキュメント内のすべての要素にスタイルを適用します。
• 通常は継承されるプロパティ (色など) の継承チェーンを明示的に解除します。これらのプロパティを * ルールで設定することは悪い習慣であると考えられます。
• 特定のルールに適用される他の CSS ルールをオーバーライドします。要素。

以上が`html`、`body`、および `*` セレクターは CSS のスタイルにどのような影響を与えますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。