td
{
border-color:green;
}
と書けば、すべてのtdに適用できると思いますが、
<table class="t1">
<tr><td></td></tr>
<tr><td></td></tr>
</table>
というテーブルがあったときに、スタイルシートを「tableタグのclassがt1の時のtd」に適用する事は可能でしょうか?
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の指定とは無関係なタグでは無視されます)
table.t1 td { border-color: green; }
要素名(タグ)を書いて、 ピリオドで別て class 名を書く、これで特定 class を持つ要素だけに適用できます。
そのあとに空白で区切ってその配下に来る要素名を記述することで絞り込めます。
CSS の基本ですので各種文献をあらかじめ読んでおくと結果的にローコストかも。
コメント(1件)
ありがとうざいました。