• 締切済み

CSSのid属性

cssでtableにid属性を指定しています。 同じページの中で同じid属性を何度も使用しても大丈夫なのでしょうか? HTMLチェッカーで 「重複しています」とエラーがでたので心配になりました。 また、以下のように、同じ<table>内で、 <tr>と<td>にそれぞれclassを持たせても大丈夫でしょうか? IEではキチンと表示されるのですが、 本来はやってはいけないことだったりしますか? <table id="table-style"> <tr class="tr1"> <td class="td1"> ほにゃらら </td> </tr> </table> 教えてください! 宜しくお願いします。

みんなの回答

  • picto3
  • ベストアンサー率33% (1/3)
回答No.4

id属性は重複して使用するべきではないです。 (重複してもブラウザで表示されますが…) 同じ設定を使い回したい場合は、classを使用して下さい。 また、どうしてもid属性を使いたい場合は #table-style,#tablestyle2{…ここにプロパティを記述…} というように、カンマ「,」で区切って 記述してみてははいかがでしょうか?

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.3

同一IDは1ページに1個しか利用できません。 classはいくらでも利用できます。 何度も利用するようなのはclassを使用して下さい。 <table class="aaa"><tr class="XX"><td class="YY">~ <table class="aaa"><tr class="XX"><td class="YY">~ <table class="aaa"><tr class="XX"><td class="YY">~ > それぞれclassを持たせても 問題ありません。 > IEではキチンと表示される IE程ではないけど、FirefoxやOpera等の他のブラウザでもこの程度のミスならば一応表示はできますけど、正しい記述ではないのでやらない方がいいです。 IEは本当にとんでもない表記でも無理矢理表示するから、ミスに気付かない人もいるでしょうけど。

回答No.2

>同じページの中で同じid属性を何度も使用しても ID型の属性(id属性など)は他と重複してはいけません。 >それぞれclassを持たせても大丈夫でしょうか? まったく問題ありません。(あんまり好きなサンプルじゃないけど、)

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

idは付けた対象を識別するためのもの。 idの重複はやってはいけない事です。 idはjavascriptで利用したり、 ラベルとしてリンク先に指定する事ができます。(<a href="~#table-style">) classは付けた対象を分類するためのもの。 分類ですから複数存在する事はもちろん問題ないです。

関連するQ&A