tdの中のtableの中のtd

解決済

質問者：infinity
質問日時：2003/08/22 16:30
回答数：2件

.box{～～}
という具合にfont-sizeやline-heightを
スタイルシートで定義しています。

あるtdの中に<td class="box">で
そのスタイルを適用させるまではいいのですが、
そのtdの中にさらにtableを作った場合、
その中にはboxスタイルが適用されません。

入れ子になっている影響かな？とは思うのですが、
この場合、どう指定したらよいのでしょうか。
すべてのtdにclass指定するのは避けたいです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： lead1976
回答日時：2003/08/22 18:35

#1の方の回答にある、テーブルに直接クラス指定する方法の他に、boxクラスに含まれる要素に対する特定の要素にも指定を追加するセレクタを記述する方法も使えると思います。

.box{～～}

これを

.box, .box td{～～}

とすると、boxクラスの要素の中に含まれているtd要素にも同じスタイルシートを適用するようになると思います。

他に、DOCTYPEスイッチを使って、ブラウザでのスタイルシートの適用方法を変えることでも対処できるかもしれません。この場合は、HTMLファイルの<HTML>タグの前に、省略なしで下記のDOCTYPE宣言を記述します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

こうすると、スタイルシートの適用範囲が標準モードになり、特に細工をしないでもboxクラスの要素内のテーブルにもboxのスタイルが適用されると思います。
ただ、こちらの方法を使うと、全体的にスタイルシートの適用方法が変わるので、他の調整も必要になるかもしれません。

参考まで。