CSS ID セレクターと CLASS selector_html/css_WEB-ITnose

CSS では、セレクターは、スタイルを設定する必要がある要素を選択するために使用されるパターンです。
属性セレクターは、属性と属性値に基づいて要素を選択できます。

3 つの基本的なセレクター タイプ: タグ名セレクター、クラス セレクター、ID セレクター

具体的な構文は次のとおりです:

1. 次のようなタグ名セレクター:

html {color:black;}h1 {color:blue;}h2 {color:silver;}

、つまり、HTML タグを選択項目として直接使用します。デバイス。

2. クラス セレクター

クラス セレクターを使用すると、ドキュメント要素から独立した方法でスタイルを指定できます。
このセレクターは、単独で使用することも、他の要素と組み合わせて使用​​することもできます。
ヒント: これらのセレクターは、ドキュメントが適切にマークアップされた後にのみ使用できるため、どちらのセレクターを使用する場合も通常、ある程度の検討と計画が必要です。
特定のデザイン要素に関係なくスタイルを適用する最も一般的な方法は、クラス セレクターを使用することです。

m デモ:

.important {font-weight:bold;}.warning {font-style:italic;}.important.warning {background:silver;}

クラスはすべて重要な要素であり、警告のすべての要素は斜体です。また、銀色の背景があります。

3. ID セレクター

概要:

では、クラス セレクターと ID セレクターの違いは何でしょうか?

IDは、特に「個人」を指すもので、優先度が高くユニークであるという特徴を持っています。
ID と比較して、クラスの優先度は比較的中程度であり、具体的には「特定のグループ」を指します。

クラスを使用するには、オブジェクト指向の抽象概念を参照し、共通の属性を抽象化する必要があります。

ID は最初に構造/コンテンツを検索し、次にそのスタイルを定義します。 クラスは最初にスタイルを定義し、それを複数の構造/コンテンツに適用します。

🎜