tableに対するdiv

質問

テーブル内の文字色を白にしたい場合、

<style type="text/css"><!--
div.font{color:white;}
--></style>

<tr>
<div class="font">
<td align="center" width="20%">★１</td>
<td align="center" width="20%">★２</td>
<td align="center" width="20%">★３</td>
<td align="center" width="20%">★４</td>
<td align="center" width="20%">★５</td>
</div>
</tr>

このように指定しましたが、適用されません。
なぜでしょう？

回答No.1

X-trail_00 · ベストアンサー

<TR>タグの中にdivタグ入れてもダメです。
tdタグの中にそれぞれ入れてください。
というかそれぞれのtdのclassをセットしたほうが早い。
<td align="center" class="font" width="20%"> このように
そしてCSSを
td.font{color:white;}

お礼

できました＾＾
なるほど、tdタグにやったほうがいいですね。
ありがとうございました！！

回答No.2

kuronekoyarou

<tr></tr>の中に直接<div></div>を入れるのはHTMLの文法違反です。
<style type="text/css">
<!--
.font{color:white;}
-->
</style>
<tr class="font">
<td align="center" width="20%">★１</td>
<td align="center" width="20%">★２</td>
<td align="center" width="20%">★３</td>
<td align="center" width="20%">★４</td>
<td align="center" width="20%">★５</td>
</tr>
でいけると思います。

お礼

アドバイスありがとうございます＾＾
理解できました。