前のセクションでは、いくつかの基本的なセレクターを紹介しました。このセクションでは、id 屬性と class 屬性の違いを説明します。

これらは Web ページ全體を豊かでカラフルにするために連攜します。要素のスタイルを定義するとき。 ID またはクラスを使用できます。しかし、この 2 つの違いにも注意を払う必要があります。

1. CSS スタイルシートで記述する場合、ID セレクターの前に接頭記號「#」を追加し、クラス セレクターの前に接頭記號「.」を追加する必要があります。

2. id 屬性は通常、ページ內(nèi)で 1 回のみ使用できますが、クラスは複數(shù)回參照できます。

3. ID はさまざまな構(gòu)造やコンテンツを區(qū)別するための要素のタグとして使用され、クラスはあらゆる構(gòu)造やコンテンツに適用できるスタイルです。

4. レイアウトの考え方に関しては、一般にこの原則に従います。ID は最初にページの構(gòu)造とコンテンツを決定し、次にそのスタイルを定義します。逆に、クラスは最初にスタイルのタイプを定義し、次にスタイルを定義します。必要に応じて、クラス スタイルをさまざまな要素やコンテンツに適用します。

5. 現(xiàn)在、ブラウザでは同じ屬性値を持つ複數(shù)の ID を同じページに表示できますが、JavaScript を使用して要素を制御するとエラーが発生します。

6. 実際のアプリケーションでは、クラスはテキストセクションやページの変更によく使用されますが、IDはグランドレイアウトの実裝や、含まれるブロックや含まれるボックスのスタイルの設(shè)計によく使用されます。

注:

IDは、特に「個人」を指すものであり、優(yōu)先度が高くユニークであるという性質(zhì)を持っています。
ID と比較して、クラスの優(yōu)先度は比較的中程度であり、具體的には「特定のグループ」を指します。
クラスを使用するには、オブジェクト指向の抽象概念を參照し、共通の屬性を抽象化する必要があります。

ID は最初に構(gòu)造/コンテンツを検索し、次にそのスタイルを定義します。
クラスは最初にスタイルを定義し、それを複數(shù)の構(gòu)造/コンテンツに適用します。