CSS スタイリングにおける「html」、「body」、およびユニバーサル セレクター (*) はどのように異なりますか?

CSS セレクター: HTML、本文、およびユニバーサル セレクターの比較 *

CSS スタイルを HTML ドキュメントに適用する場合、そのコンテキストは使用されるセレクターによってその効果が決まります。同じドキュメントに適用された場合の html、body、および * セレクターの違いを調べてみましょう。

html セレクター

html 要素にスタイルを適用すると、< にのみ影響します。 ;html>タグ。

を含むその子孫要素。タグでは、指定された色を継承します。ただし、background-color プロパティは継承されません。つまり、背景はビューポート全体で表示されます。

ボディ セレクター

ボディ セレクターは、< のみをスタイルします。 ;本体>要素。その子孫要素は色を継承します。 の暗黙の背景。要素は に伝播されます。

ユニバーサル セレクター *

ユニバーサル セレクター * は、ドキュメント内のすべての単一要素に適用されます。継承の連鎖が切断され、プロパティが継承されなくなります。継承を完全にオーバーライドするやむを得ない理由がない限り、このルールは通常推奨されません。

概要

• html は、 のスタイルを設定します。
• body は、 のスタイルを設定します。色の継承を持つすべての子孫に影響します。要素。色の継承によってその子孫に影響を与え、 の背景を継承します。特に指定されていない限り、
• * はコンテキストに関係なくすべての要素に適用され、継承チェーンが切断されます。これは、必要な場合を除き、一般的に不適切な方法であると考えられています。

以上がCSS スタイリングにおける「html」、「body」、およびユニバーサル セレクター (*) はどのように異なりますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。