CSS スタイルの継承とカスケードの詳細な分析

この記事では主にCSSスタイル継承とカスケードに関する関連情報を紹介します

1:基本セレクター

タグの選択: ページ上のタグ名に従って選択します。指定したタグにスタイルを直接適用します。

の機能:

1. タグセレクターは、コードの現在のタグ階層とは関係がありません。現在のページでは、すべて選択できます。

ID の選択: 最初に ID 値を設定するタグを指定する必要があります (ID 値は繰り返すことができず、ページ全体で一意です)。

class

選択: ラベルにクラス名を与えることで、クラスセレクターを通じて指定されたラベルを選択します。

2: 3 セットの複雑なセレクター

1.

子孫セレクター A. 現在の選択範囲内のタグに基づいて後続のサブタグを検索できます

B。複数のレイヤーの正確な選択

2. 交差点セレクター

形式: 最初のレイヤーの選択 2 番目のレイヤーの選択 {}

注: 点は交差点を表し、通常はラベルで始まります

3. 結合セレクター

形式: 最初セレクター、2 番目のセレクター、...{}

3 つ: css 継承プロパティ定義: 子孫タグを設定するときに、現在のタグに与えられるスタイルがいくつかあります。スタイルに継承されるタグとスタイルを定義するタグは従属である必要があります(子孫タグ関係)

文字スタイルに設定されている基本

属性
は継承可能(色カラースタイル文字フォントフォント線属性線)
全ての属性設定(ボックス モデル (p、スパンなど) のボーダー、位置、レイアウト) を継承することはできません

4: CSS カスケード

定義: 複数のセレクターが同じアイテムに同時に作用するラベルが

セレクターの選択方法:

-重み判定方法を通して

-各選択のID選択、クラス選択、ラベル選択を通して。数量は重み (ICE) の計算に使用されます - 最初に ID 重みを比較し、次にクラスを比較し、最後にラベルを比較します - 比較順序はすべて同じです

注: 重みが同じ場合、後のものは前のものを上書きします。数値重みの前提は、各セレクターが指定された要素を選択する必要があることを保証することです。

スコープがラベル自体に直接影響しない場合は、近接原則が反映されます

important が最も高い優先度を持ち、* は最も低い優先度を持ちます

以上がCSS スタイルの継承とカスケードの詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。