ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 継承_html/css_WEB-ITnose

CSS 継承_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:33:081150ブラウズ

前の言葉

カスケード スタイル シートの最も基本的な側面はカスケードです。競合する宣言はカスケード プロセスを通じて並べ替えられ、最終的なドキュメント表現はそれによって決定されます。このプロセスの核心は、セレクターとそれに関連する宣言の特異性です。 、および継承メカニズム。

Specificity

セレクターの特殊性は、セレクター自体のコンポーネントによって決まります。特異性の値は次の 4 つの部分で表現されます。

【1】Inline style-> 1,0,0,0
【2】ID 属性値-> 0,1,0,0
【3】Class 属性値、属性の選択または疑似クラス-> 0,0,1,0
[4] 要素または疑似要素-> 0,0,0,1
[5] コンバイナーおよびワイルドカードセレクター-> 0 ,0 、0,0

rreee

重要なステートメント:重要なステートメント:挿入!値によって使用されるメカニズム。継承メカニズムに基づいて、スタイルは指定された要素だけでなく、その子孫要素にも適用できます。継承されたプロパティには特別なプロパティはありません。

[注 1] HTML では、body 要素に適用された背景スタイルを html 要素に渡すことができます

[注 2] タグは親要素のテキスト スタイルを継承しません



Cascading

【1】プレスソースと重要度ランキング。リーダー!重要 > クリエイター!重要 > リーダー > ユーザー エージェント

[2] スタイル シートまたはドキュメントに出現する順序で並べ替えます。重い