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/09 19:30:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:kn1967 No.1

回答回数2915ベストアンサー獲得回数301

ポイント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

回答回数351ベストアンサー獲得回数36

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

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

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

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

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

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

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

回答リクエストを送信したユーザーはいません