HTML css_html/css_WEB-ITnose の id と class の違いの比較

スタイルを定義するとき、id と class の使用法が混同されることがあります。そのため、ここで特別な説明をします:

id 属性と class 属性は、Web ページの 2 つの一般的な属性であり、連携してページ全体をカラフルにします。要素のスタイルを定義するとき。 ID またはクラスを使用できます。

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

2. id 属性は通常、ページ内で 1 回のみ使用できますが、クラスは複数回参照できます。

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

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

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

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