外部CSSの設定

質問

テーブルの中にテーブルを作った際、
外部ＣＳＳファイルでTABLE{}とTD{}を指定すると
内部のテーブルも同じ設定となってしまいます。
そこで
内部のテーブルに<div class=～>で個別に指定しましたが
結果が変わりません。

基本的なところがわかっていないのかもしれませんが
これを解決する方法を教えてください。

回答No.1

leap_day

こんにちは

table { } , td { } のようにするとページ全体に適応されてしまいます

個別にするならそれぞれのtableをclassやidで分けてください

<style type="text/css"><!--
table { width:300px; }
td { background-color:#eeeeee; width:150px;}
.table1 { width:100px; margin:auto;}
.td1 { background-color:#dddddd; }
#table2 { width:50px; margin:auto;}
#td2 { background-color:#cccccc; }
--></style>

<table>
<tr>
<td>
<table class="table1">
<tr>
<td class="td1">&nbsp;</td>
</tr>
</table>
</td>
<td>
<table id="table2">
<tr>
<td id="td2">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>

>内部のテーブルに<div class="***">で個別に指定しましたが
これでするなら
.*** table { }
.*** td { }
にしたらできます