ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのIDとクラスの違いは何ですか

HTMLのIDとクラスの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-11-18 11:19:3116776ブラウズ

違い: 1. クラスのスコープは ID のスコープより大きいです。ID は一意であり、ページ内で 1 回のみ呼び出すことができますが、クラスは複数回呼び出すことができます。2. ID はスタイル セレクターに対応します。 CSSの.が「#」、CSSのクラスに対応するスタイルセレクタが「.」; 3. IDセレクタの優先度はクラスセレクタよりも高くなります。

HTMLのIDとクラスの違いは何ですか

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

HTML のクラスと ID の比較:

1. 影響範囲が異なります:

class は、個人 ID カードと同様に一意の識別子を表す id よりも広い範囲を持ち、一意であり、ページ上で 1 回のみ呼び出すことができます。一般に、Web ページには 2 つ以上の ID が存在しません。クラスのスコープはさらに広く、クラスはクラスのラベルであり、インターフェイス内で複数回呼び出すことができます。再利用可能です。

2. 使用される構文は異なります:

CSS での ID セレクターの使用方法 (例として div を使用するなど): (たとえば、div それぞれ id='i'...div class='c'...2 つの div ボックス、CSS で引用されたメソッドは次のとおりです:)

.c{
属性:属性值;
} 
#i{
属性:属性值;
}

3. 優先度 レベルは異なります:

ID セレクターの優先度は、クラス セレクターの優先度よりも高くなります。より重要なものについては、ID セレクターを使用できます。

推奨チュートリアル: 「html ビデオ チュートリアル

以上がHTMLのIDとクラスの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。