
コーディング始めたけど、idとclassの指定ってどう使い分けるの?
結論は
JavaScriptのセレクタ指定にはid
cssのスタイル指定にはclassを使うべし。
理由は
id属性とclass属性の違い
idはひとつのページに1つしか使えない。 1要素に複数のid属性は付けられない。 classはひとつのページにいくつでも使える。 JavaScriptのセレクタ指定は基本的に特定の1つだけ。
ですから、後で混乱したいためにも、JavaScriptでセレクタ指定したいものについては、idを使いましょう。
CSSは複数にまたがってスタイルを指定したい場合がある
1 |
.blue { background: #0000ff; } |
で、cssを指定しておくと
1 |
<p class="blue"> 青 </p> |
1 |
<div class="blue"> 青 </div> |
pタグでもdivタグでも両方で背景色が青になり、他のスタイルも半角スペースを空けて指定することが可能です。
この方が読みやすいですよね。
だからCSSのスタイル指定はclassを使いましょう。
CSSのスタイルをidで指定すると、classより優先されるため、書き換えのテクニックとして、そう使う場合もありますが、基本はclassで書くのが良いとされています。
![]() |
![]() |
---|