ホームページ  >  記事  >  ウェブフロントエンド  >  CSS スタイルの近接原則とは何ですか?

CSS スタイルの近接原則とは何ですか?

WBOY
WBOYオリジナル
2022-04-27 17:56:383545ブラウズ

CSS におけるスタイルの近接原則とは、複数の異なるスタイル ルールが同じ要素に適用される場合、スタイルの重みが同じであれば、要素に近いスタイルが最も優先されることを意味します。近接原則とは、また、複数のスタイルの重みが同じ場合には、最後にランク付けされたスタイルが最も優先されることがわかります。

CSS スタイルの近接原則とは何ですか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS スタイルの近接性の原則とは

CSS の優先順位

複雑な CSS スタイル シートでは、異なる値を積み重ねるだけでは単純ではないことがよくあります。同じスタイルの 2 つ以上の異なるスタイル ルールが同じ要素に適用されることがよくあります。この場合、どのスタイルを使用する必要がありますか?これは典型的な CSS 優先度の問題です。

優先課題に対処するには、スタイルの重みを考慮することです。ここでは、最初にいくつかの特殊な状況を紹介します:

==継承されたスタイルの重みは 0 です。 ==つまり、入れ子構造では、親要素のスタイルの重みがどんなに大きくても、子要素が継承する場合、子要素に適用される重みは0、つまり子要素で定義されたスタイルになります。継承されたすべてのスタイルをオーバーライドします。

==インライン スタイルが優先されます。 ==style 属性が適用される要素のインライン スタイルの重みは非常に高く、100 をはるかに超えると理解できます。つまり、上で挙げたセレクターよりも優先度が高くなります。

重みが同じ場合、CSS は近接原理 に従います。つまり、要素に最も近いスタイルが最も優先されるか、最後にランクされたスタイルが最も優先されます。

CSS は、最も高い優先順位が与えられる ! important コマンドを定義します。つまり、スタイル位置の重みや距離に関係なく、!重要が最優先されます。

css の重み

CSS の重みについては、CSS の特性または非特異性と呼ばれる CSS Specificity と呼ばれる、計算式が必要です。 CSS 値の優先度を測定するための規格で、具体的な仕様は次のとおりです:

具体性を 4 桁の数字列 (CSS2 は 3 桁) で表現し、4 段階に近いものとします。値は左から右にあります。左側が最大で、1 つのレベルは 1 つのレベルよりも大きく、桁の間に底はなく、レベルを超えることはできません。

CSS スタイルの近接原則とは何ですか?

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSS スタイルの近接原則とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。