人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: yamazakiis
●カテゴリ:インターネット ウェブ制作
✍キーワード:border Class COLOR GREEN スタイルシート
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● kn1967
●35ポイント

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の指定とは無関係なタグでは無視されます)


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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ