ホームページ  >  記事  >  ウェブフロントエンド  >  CSS スタイルの継承とカスケード

CSS スタイルの継承とカスケード

巴扎黑
巴扎黑オリジナル
2017-05-14 13:42:381393ブラウズ

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

1: 基本セレクター

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

機能:

1. タグ セレクターは、現在のページにある限り、指定されたすべてのタグを選択します。ページではすべて選択可能です。

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

クラスの選択: ラベルにクラス名を付け、クラスセレクターを通じて指定されたラベルを選択します。

2: 3 セットの複雑なセレクター1. 子孫セレクター

A 現在の選択内のタグに基づいて後続のサブタグを見つけることができます

B。レベル精度 選択

2. 交差セレクター

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

注: ポイントは交差を表し、通常はラベルで始まります

3. 結合セレクター

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

3: CSS 継承

定義: 現在のタグに設定すると、その子孫タグにも設定されるスタイルがいくつかあります。注:スタイルに継承されるタグとスタイルを定義するタグは従属である必要があります(子孫タグ関係)

文字スタイルに設定されている基本属性は継承可能(色 カラー スタイル 文字フォント フォント 線属性 線)

ボックスモデルのすべて(p、span など) の属性設定 (ボーダー、位置、レイアウト) は継承できません


4: CSS カスケード

定義: 複数のセレクターが同じラベルに対して同時に動作する場合、スタイル効果は優先度に応じて実行されます

セレクターの判定方法:

- 重み判定方法による - 重みはそれぞれのID選択、クラス選択、ラベル選択の数によって計算されます選択 (ICE)

- 最初に ID の重みを比較し、次にクラスを比較し、最後にラベルを比較します

- 比較順序はすべて同じです

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

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

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

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

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