10

HTMLを学んでいます。class と id の違いと、どちらをいつ使用するか教えてください。彼らは同じことをしているようです

<!DOCTYPE HTML>
<html>
<head>

<style>

#mycolor1 {color: red;}    
.mycolor2 {color: red;}

</style>

</head>
<body>

<div id="mycolor1">     hello world </div>
<div class="mycolor2">     hello world </div>

</body>
</html>
4

10 に答える 10

25

彼らは同じことをしません。id特定の要素をターゲットにするために使用されますが、classname複数の要素をターゲットにするために使用できます。

例：

<div id="mycolor1" class="mycolor2">     hello world </div>
<div class="mycolor2">     hello world2 </div>
<div class="mycolor2">     hello world3 </div>

divこれで、クラス名mycolor2を使用してすべての を一度に参照できます

.mycolor2{ color: red } //for example - in css

mycolor2これにより、クラスを持つすべてのノードが に設定されredます。

ただし、特に に設定する場合は、次のように具体mycolor1的にblueターゲットにすることができます。

#mycolor1{ color: blue; }
于 2013-05-30T15:46:21.293 に答える
12

属性 と CSSの仕様を読んでください。

  • id一意である必要があります。 classである必要はありません
  • idCSS でより高い (最高の!) 特異性を持つ
  • 要素は複数の非序数クラス (スペースで区切られている) を持つことができますが、1 つだけです。id
  • DOM を照会するときは、ID で要素を選択する方が高速です
  • id任意の要素のアンカー ターゲットとして (リクエストのフラグメントを使用して) 使用できます。 nameアンカー ( <a>)でのみ機能します
于 2013-05-30T15:47:39.623 に答える
1

類似した要素が複数ある場合は、クラスを使用する必要があります。

例: 多くの div が歌詞を表示している場合lyrics、それらはすべて類似しているため、それらに のクラスを割り当てることができます。

ID は一意でなければなりません。それらは特定の要素をターゲットにするために使用されます

例: ユーザーの電子メールの入力に ID を指定できますtxtEmail-- 他の要素にこの ID を指定しないでください。

于 2013-05-30T15:46:58.983 に答える
1

オブジェクト自体は変更されません。これら 2 つのキーワードの主な違いは使用方法です。

  • IDは通常、ページ内で 1 つです
  • クラスは 1 つまたは複数のオカレンスを持つことができます

CSS または Javascript ファイル内:

  • ID は文字#でアクセスされます
  • クラスはキャラクターによってアクセスされます。
于 2013-05-30T15:48:57.380 に答える
1

簡単に言うと、id は HTML ドキュメント全体で 1 つの要素にのみ固有ですが、class は多数の要素に追加できます。

また、ID プロパティはクラス プロパティよりも優先されます。

id とクラスは、javascript またはそのフレームワークを使用する予定がある場合に特に役立ちます。

于 2013-05-30T15:49:02.587 に答える
0

class は、要素のグループのプロパティを設定する場合に使用されますが、id は 1 つの要素に対してのみ設定できます。

于 2013-05-30T15:46:09.460 に答える
0

IDは一意である必要があります (一度に DOM 内の 1 つの要素にのみ付与されます) が、クラスは一意である必要はありません。CSS.クラスと#ID プレフィックスについてはすでに発見したので、これでおしまいです。

于 2013-05-30T15:46:21.873 に答える
0

ID は、JavaScript で要素を操作する場合に備えて、要素の一意の識別子を提供します。class 属性を使用すると、特にフォント、色、その他のスタイル プロパティに関して、HTML 要素のグループを同じように扱うことができます...

于 2013-05-30T15:47:33.633 に答える
0

ID は一度だけ現れる要素に適しています ロゴ サイドバー コンテナのように

クラスは、同じ UI を持つ要素に適していますが、複数回表示される可能性があります。お気に入り

#feeds コンテナの .feed

于 2013-05-30T15:48:49.727 に答える