ＣＳＳで特定のテーブルだけに適用する記述をおしえてください。

個人でＨＰをつくっているものなのですが、

外部ＣＳＳファイルに

table, td, th {
border: 2px red solid;
}
という記述をすると
すべてのページにあるテーブルに適用されてしまいました。

ある箇所のテーブルなど指定するテーブルのみに記述したい場合はどういったタグにしたらよいのでしょうか？

お詳しい方どうぞよろしくお願いいたします。

No.2 ベストアンサー 回答者： auty 回答日時： 2008/04/13 19:19

特定の箇所のテーブルタグにclass属性を付けてそれを指定します。

<tr> <td>にもつける必要があるでしょう。（何かいい方法があれば別ですが、）

<table class="ta1">
<tr class="ta1">
<td class="ta1">
とし、

table.ta1, td.ta1, th.ta1 {
border: 2px red solid;
}
と指定してみてください。

この回答へのお礼

できました！

ご親切にどうもありがとうございました！

お礼日時：2008/04/13 20:48

No.3 回答者： goldfox 回答日時： 2008/04/13 21:18

<table class="ta1">

<tr>
<th></th>
<td></td>

class="ta1"をつけたtableの中のth,tdだけに反映すればいいのだから、
th,tdにはclass名不要です。

.ta1, .ta1 th, .ta1 td {
border: 2px red solid;
}
（「.ta1」と「.ta1の中のth」「.ta1の中のtd」だけに反映）

No.1 回答者： abril 回答日時： 2008/04/13 19:17

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

> ある箇所のテーブルなど指定するテーブルのみに記述したい場合はどういったタグにしたらよいのでしょうか？

文書構造によって方法は色々ありますが、一例としてclassもしくはidセレクタを使用します。どちらが相応しいかは文書構造によって判断しなければならないので、ここではclassを使うと仮定します。
---------------------------------------------------------------------
【HTML】
---------------------------------------------------------------------
<table class="hoge" summary="サンプル">
<tr>
<th>見出し</th>
<td>データ</td>
</tr>
</table>
---------------------------------------------------------------------
【CSS】
---------------------------------------------------------------------
table.hoge {
border-collapse: collapse;
}
table.hoge th,
table.hoge td {
border: 2px red solid;
}
---------------------------------------------------------------------

まずはCSSのシンタックスを覚える事ですね。