ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSスタイルシートにはどのような種類があるのでしょうか?セレクターの優先順位とは何ですか?

CSSスタイルシートにはどのような種類があるのでしょうか?セレクターの優先順位とは何ですか?

青灯夜游
リリース: 2023-01-07 11:45:56
オリジナル
4162 人が閲覧しました

CSS スタイル シートには、インライン スタイル シート、内部スタイル シート、外部スタイル シートの 3 種類があります。セレクターの優先順位は、「ユニバーサル セレクター > 要素セレクター > クラス セレクター > 属性セレクター > 擬似クラス > ID セレクター > インライン スタイル」です。

CSSスタイルシートにはどのような種類があるのでしょうか?セレクターの優先順位とは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS スタイル シートにはどのような種類がありますか?

CSS スタイルが記述される位置 (または導入方法) に応じて、CSS スタイル シートは次の 3 つのカテゴリに分類できます。

1. インライン スタイル シート

インライン スタイルは、コード行内のタグに CSS スタイルを直接配置するもので、通常はタグの style 属性に配置されます。タグに直接挿入するのが最も直接的な方法ですが、変更するのが最も不便なスタイルでもあります。

例:

<p style="background-color: #999900">行内元素,控制段落-1</p>
ログイン後にコピー

2. 内部スタイル シート

内部スタイル シートは、