ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS 優先メカニズム_html/css_WEB-ITnose

CSS 優先メカニズム_html/css_WEB-ITnose

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

スタイルの優先順位

(外部スタイル) 外部スタイルシート < (内部スタイル) 内部スタイルシート < (インラインスタイル) インラインスタイル

(内部スタイルはHTMLページに記述されたCSSです<スタイル>
(インライン スタイルは HTML タグの style 属性に直接記述されます)


セレクターの優先度

1. インライン スタイル シートのウェイトは 1000 までです。 ID セレクターの重みは 100

3 です。クラス セレクターの重みは 10

4 です。HTML タグ セレクターの重みは 1 です

CSS 優先ルール


セレクターには重み値があり、重みが大きくなります。 、優先度

B 重みが等しい場合、最初に表示されるスタイル シート設定よりも、作成者のルールが優先されます。つまり、 Web ページ作成者の設定 CSS スタイルの優先順位は、ブラウザーによって設定されたスタイルよりも高くなります。

D 継承された CSS スタイルは、後で指定された CSS スタイルほど優れていません。

E マークされたルールの優先順位。同じ一連のプロパティ設定で「! important」が最も高いのは最高です

F 同じ CSS ファイル内で、同じセレクターと同じ優先度を持つコンテンツの場合、後で書かれたコンテンツが前のコンテンツを上書きします。例: .abc{margin:10px;}.abc{margin:20px;}、クラス abc のコンテンツの最終マージン値は 20px です。その理由は、CSS ファイルの実行方法にあります。CSS ファイルは前から後ろに解釈されて実行されます。

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