CSS スタイル シートの 3 つのスタイルのうち、どれが優先されますか?

下次还敢
リリース: 2024-04-06 03:00:22
オリジナル
627 人が閲覧しました

CSS スタイルの優先順位は、インライン スタイル (最高)、組み込みスタイル (2 番目)、外部スタイル シート (最低) です。優先順位が最も高いものが優先され、インライン、組み込み、外部の順に同じ優先順位が適用されます。

CSS スタイル シートの 3 つのスタイルのうち、どれが優先されますか?

#CSS スタイル シートで優先度の高い 3 つのスタイル

CSS スタイル シートでは、優先度は「使用」です。をクリックして、適用するスタイルを決定します。最も優先度の高いスタイルは、優先度の低いすべてのスタイルをオーバーライドします。

優先度の高い 3 つのスタイル タイプは次のとおりです:

1. インライン スタイル

優先度: 最高

インライン スタイルは、

style属性を使用して HTML 要素に直接記述されます。例:

This text is red.

ログイン後にコピー

2. 組み込みスタイル

優先度: 2 番目

組み込みスタイルは次のように定義されます。ブラウザのデフォルトのスタイル。他のタイプのスタイルでオーバーライドすることはできません。例:

Heading

ログイン後にコピー

3. 外部スタイル シート

優先度: 最低

外部スタイル シートは別のファイルに保存されます。スタイリッシュに。これらは、

link要素を介して HTML ドキュメントにリンクされています。例:

ログイン後にコピー

優先ルール

最も優先度の高いスタイルが常に優先されます。複数のスタイルが同じ優先度を持つ場合、それらは次の順序で適用されます。

    インライン スタイル
  1. 組み込みスタイル
  2. 外部スタイル シート

たとえば、次の CSS スタイル:

p { color: blue; } /* 外部样式表 */ p { color: green; } /* 内置样式 */ 

This text is red.

/* 内联样式 */
ログイン後にコピー
適用される最終スタイルは、優先度が最も高いため、インライン スタイルになります。したがって、テキストは赤色で表示されます。

以上がCSS スタイル シートの 3 つのスタイルのうち、どれが優先されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!