livedoor ナレッジ

CSSのidとclassについて

CSS内にidとclassがありますが
これを全てidにしてもいいのですか？

HTML（トップ・個別・カテゴリ・月別）と
一致していれば問題なく表示されるのですか？

そもそもなぜidとclassに分けるのかわかりません。
ご教授下さい。

一応ルールとしては「id」は一ドキュメント内で一度しか利用できないのですが、「class」は何箇所でも利用できます。
つまりidとは一意。

もっと簡単に言うと、それぞれのタグの名前のようなものとして設定されるのがIDです。
一つのタグのためのスタイル指定という感じですかね。一方でclassはこのクラスを利用するタグのスタイル指定。

ですが、実はidを何箇所で使おうが、ブラウザ的にはclassと同様に装飾してくれます。
では、何故上記ルールがあるのかというと、idとはそもそもスタイルシートのためだけに存在するわけでは無いからです。
ちょっと技術的な話になりますが、JavascriptのgetElementById()などはHTML内のidを指定してオブジェクトを取得するのですが、同じIDが複数のタグで利用していた場合、最初の一つしかとれません。つまり、複数箇所で利用される前提にないからです。
また外部のアプリケーションがページを解析する際にIDを一意と決めているものもあるらしく、正しく作動しない可能性があるとのことです。
そういう意味で、これらの例以外にも思わしくない動作をさせてしまう可能性も有り得るでしょうね。

結論として、idよりはclassを利用するほうがリスクが少ないって事ですね。
私も特に意識はしてないので偉そうには言えない所ですが＾＾；

あ、それと
＞HTML（トップ・個別・カテゴリ・月別）と一致していれば問題なく表示されるのですか？
との事ですが、一致していれば問題なく同じスタイルで表示されます。