ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：torananoda ＣＳＳで特定のテーブルだけに適用する記述をおしえてください。
困り度：
  • すぐに回答を！
 個人でＨＰをつくっているものなのですが、

外部ＣＳＳファイルに

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

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

お詳しい方どうぞよろしくお願いいたします。
質問投稿日時：08/04/13 18:48
質問番号：3946119
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

 
回答者：goldfox <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」だけに反映）
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/13 21:18
回答番号：No.3
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

良回答20pt
回答者：auty 特定の箇所のテーブルタグにclass属性を付けてそれを指定します。
<tr> <td>にもつける必要があるでしょう。（何かいい方法があれば別ですが、）

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

table.ta1, td.ta1, th.ta1 {
border: 2px red solid;
}
と指定してみてください。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/04/13 19:19
回答番号：No.2
この回答へのお礼できました！

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

回答

良回答10pt
回答者：abril ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
> ある箇所のテーブルなど指定するテーブルのみに記述したい場合はどういったタグにしたらよいのでしょうか？

文書構造によって方法は色々ありますが、一例として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のシンタックスを覚える事ですね。
種類：回答
どんな人：専門家
自信：参考意見
回答日時：08/04/13 19:17
回答番号：No.1
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ