cssのidとclassの違いについて

質問

cssのidとclassの違いについて

ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか？

独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。
もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。

回答No.1

x_pocca_x · ベストアンサー

合ってますよ。

idとclassの意味の違いですが、classはスタイルを指定するためだけに使い、idは要素を特定するために使います。
javascriptなどのプログラムでもidを使いますが、例えば「id="***"の要素の中のテキストを"+++"に書き換える」みたいな指定に使うんですね。
idが複数あるとどこを書き換えるのかわからなくなってしまいます。
なので、idはページ内に1度きりなんです。

逆に、1度しかないものもclassで指定したっていいんです。
javascriptのプログラムとあわせたとき、idがバッティングしてしまうことを避けるために全部classで書いた事もありました。
ご参考までに。

お礼

なるほどjavascriptで指定するあのidと同じゆえに1回しか指定できないということですね。
なんかすごくすっきりしました。

ありがとうございました。

回答No.2

tkmojo

＞同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定している

使い方としては合ってます。
私はレイアウトで使用しているボックス（全体、ヘッダ、サイドナビなど）にid値を入れ、
他は大体classで対応しています。
ボックスでなくても、コピーライトのように明らかに一度しか出てこないものもidです。
逆にページ内に1回しか出てこなくても、他のページで使わないものはclassを入れたりします。
まぁこれはどっちでもいいかも知れませんが。

考え方としては、idは名前、classは役割と考えればわかりやすいです。
1ページに同じ名前を何度も命名するのはおかしいですが、
役割を何度も指定するのは間違いではないので。

お礼

idは名前、classは役割ですね。
ふむふむ、これもまたわかりやすい回答ありがとうございます。

使い方があっていてほっとしました。
ありがとうございました。