目次
!重要なルール例外
CSS 優先順位ルール:
ここにあります一般的な CSS 重み関係図:
ホームページ ウェブフロントエンド フロントエンドQ&A CSSスタイルシートにはどのような種類があるのでしょうか?セレクターの優先順位とは何ですか?

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

Jul 27, 2021 pm 04:26 PM
CSSスタイルシート 優先度 セレクタ

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. 内部スタイル シート

内部スタイル シートは、