CSSでテーブルの表示

質問

.table1 { border: 0px #000000 solid; }
table1.s1{width: 20px; }
table1.s2{width: 40px; }

とcssを記述し

<TABLE CLASS="table1" CLASS="s1">
・・・
と行ってもs1,s2の項目が反映されません。
どのようにすればよいでしょうか？

回答No.2

noname#49614 · ベストアンサー

「table1.s1」では「<table1>タグのclass="s1"」という意味になってしまいますからこれでは解釈されません。
「table1」があるということは「table2」などもあると思うのですが、それならテーブルの外側に「<div id="table1">」を置いで「#table1」でスタイルシートを書き、クラスは「.s1」のみのほうが分かりやすいのではないでしょうか。

<div id="table1">
<table class="s1">
……
</table>
</div>

ところで、borderの色とタイプを設定しているのに0pxでは表示されないと思ったのですが、これはどういう意図なんでしょうか？

お礼

無事解決することができました。
table1.s1の間違いの指摘ありがとうございます。
ちなみに0pxは10pxの誤りです。
質問文章を修正しているうちに0pxになってしまいました。

回答No.1

noname#56882

複数のclass指定は分けて書くのではなく続けて書くことで反映されるようです。

CSS記述
.table1 { border: 1px #000000 solid; }/* わかりやすいように1pxにしてあります */
.s1{width: 20px; }
.s2{width: 40px; }

HTML記述
<table class="table1 s1">
<tr>
<td></td>
</tr>
</table>

お礼

無事解決することができました。
ありがとうございます。