HTML、スタイルシートについての質問です。


td
{
border-color:green;
}
と書けば、すべてのtdに適用できると思いますが、

<table class="t1">
<tr><td></td></tr>
<tr><td></td></tr>
</table>
というテーブルがあったときに、スタイルシートを「tableタグのclassがt1の時のtd」に適用する事は可能でしょうか?

回答の条件
  • 1人2回まで
  • 登録:2007/03/02 19:28:19
  • 終了:2007/03/09 19:30:02

回答(2件)

id:kn1967 No.1

kn1967回答回数2915ベストアンサー獲得回数3012007/03/02 19:35:10

ポイント35pt

td { border-color:green; }

td.t1 { border-color:red; }

と書いておけばtdのデフォルトがgreenになってclass=t1の場合は赤になります。


余談(1)

本当に特定の1箇所だけであるならばclassではなくid=t1としておいて

td#t1 { border-color:red; }

と書くほうが良いかもしれません。


余談(2)

.t1 { border-color:red; }

と書けば、全てのタグにおいてclass=t1の場合に色が赤になります。

(border-colorの指定とは無関係なタグでは無視されます)

id:STRing No.2

STRing回答回数351ベストアンサー獲得回数362007/03/02 19:38:09

ポイント35pt
table.t1 td {
 border-color: green;
 }

要素名(タグ)を書いて、 ピリオドで別て class 名を書く、これで特定 class を持つ要素だけに適用できます。

そのあとに空白で区切ってその配下に来る要素名を記述することで絞り込めます。

CSS の基本ですので各種文献をあらかじめ読んでおくと結果的にローコストかも。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません