CSS: テーブル罫線の一括設定

質問

特定のテーブルで、CSSで内部のセルの罫線の設定を行う場合、
クラスを定義してそれを各 td 要素に一つずつ適用すればできるわけですが、
これを「どこか１か所で適用するだけで全部のセルに自動的に適用される」ようにすることはできるでしょうか。

ページ内の全テーブルに対して適用するのであれば簡単なのですが、
特定のテーブルだけでこのような処理を行う方法がわかりません。
table 要素で罫線関連の設定をしても、外枠にしか適用されませんし・・・

よろしくお願いいたします。

回答No.2

tetish · ベストアンサー

> たとえば
> <table class="sample">
> <tr> <td></td> </tr>
> ・・・・・ </table>
> などのように（実際はこれでは無理ですが）。

上記でできると思いますが？？

table.sample {border-collapse:collapse; }
table.sample td {border:solid 1px black; }

※クラス「sample」のテーブル内の　td に罫線を引く

お礼

「要素.クラス名」と子孫要素に適用する設定を併用できることに気づいてませんでした。
ありがとうございました！

回答No.1

noname#140082

もしかしたら違うかも知れませんが、その適用したいものに対して同一のクラス名を付ければいいのではないでしょうか。

もし、すでにクラス名が付与されていても複数のクラス名を定義することもできます。

参考URL：

http://www.marguerite.jp/Nihongo/WWW/CSS/Selectors.html#PLURAL_CLASSES

補足

たとえば、セルが10個あって、クラス名が sample だとすると
セル１ <td class="sample"> </td>
セル２ <td class="sample"> </td>
　：
　：
セル10 <td class="sample"> </td>
とするのではなく、

どこかで１回だけ sample を適用する設定を記述すれば（できるとすればセレクタか table 要素？）
それだけで10個のセル全部に自動的にスタイルが適用されるようにしたいのです。

たとえば
<table class="sample">
<tr> <td></td> </tr>
・・・・・ </table>
などのように（実際はこれでは無理ですが）。