CSS idとclassをtableでつかうとき

質問

内部cssで
テーブルに装飾をしようとしていたのですが、

<style type="text/css">
<!--
table.sample td {font-size:12px;}
-->
</style>
<table class="sample">・・・

これは有効でした

<style type="text/css">
<!--
table#sample td {font-size:12px;}
-->
</style>
<table id="sample">・・・

これは無効でした

なぜでしょう？classとidはそのユニーク性のみの違いかと思っていましたが。
このような機能的な違いもあるのでしょうか。

それとも単に記述ミスですかね。。。

回答No.1

yambejp · ベストアンサー

＞それとも単に記述ミスですかね。。。

の可能性が高いですね

お礼

すいません、やはりclassにできてidにできないわけないですね。

実は、makeshopというショッピングサイトを使っていて、
内部cssの記述に

<style type="text/css">
<!--
body {color:#FFFFFF;}
-->
</style>

と書くと、

<style type="text/css">
&amp;amp;amp;amp;amp;amp;amp;lt;!--
body {color:#FFFFFF;}
--&amp;amp;amp;amp;amp;amp;amp;gt;
</style>

と化けてしまうのです。どうもそちらのシステムの欠陥のようです。
それで、1行目の要素が無効になってしまっていたようです。

解決として、1行目は捨て要素を入れました。

<style type="text/css">
<!--
.dummy {color:#FFFFFF;}
body {color:#FFFFFF;}
-->
</style>

のように。

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