CSS tdのクラスを一部分だけ外したい

Aのテ－ブルが格子状になるようCSSで設定しました。
その中にBのテーブルを入れ、このテーブルは罫線なしで表示したいのですが、
テーブルAのtdの設定がどうやっても消えてくれないので困っています。

▼試した事
・テーブルBのクラスをborder-style:none
・テーブルBのクラスに白い罫線を付けてみる
・テーブルBにスタイルでnoder-style:none

▼ソース（簡略）
.t-a{
border-top:solid 1px #C4772B;
border-right:solid 1px #C4772B;}

.t-a td{
border-bottom:1px solid #C4772B;
border-left:1px solid #C4772B;}


<table class="t-a">
<tr>
<td>テーブルA</td>
<td>テーブルA</td>
</tr>
<tr>
<td>
　<table>
　<tr>
　<td>テーブルB</td>
　<td>テーブルB</td>
　<td>テーブルB</td>
　</tr>
　<tr>
　<td>テーブルB</td>
　<td>テーブルB</td>
　<td>テーブルB</td>
　</tr>
　</table>
</td>
</tr>
<tr>
<td>テーブルA</td>
<td>テーブルA</td>
</tr>
</table>

テーブルBのborder-style:noneが反映されなかったので、テーブルBのCSSは削除していまいました。

力を貸してください。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2007/04/26 12:19

スタイルシートに以下を追加してみてください

.t-a table td{
border:0px solid;
}

この回答へのお礼

ありがとうございます。
.t-a table td{
border:0px solid;
}
だけだとtdしか反映されずtableに付けた上と右の線が消えなかったため、
.t-a{
border-top:solid 1px #C4772B;
border-right:solid 1px #C4772B;
border:0px　solid;}

.t-a td{
border-bottom:1px solid #C4772B;
border-left:1px solid #C4772B;
border:0px　solid;}
とそれぞれに付けたところ無事消えました。

大変助かりました。
ありがとうございます。

お礼日時：2007/04/26 13:23