web-dev-qa-db-ja.com

CSS固有のテーブル

2つの異なるテーブルがあるHTMLドキュメントがあります。 1つはアルファクラス、もう1つはベータクラスです。このCSSをクラスベータのみに割り当てたい...

td
{
border-style:solid;
border-top:thick double #ff0000;
}

これをベータ版にのみ割り当てる方法はわかりません。誰もが方法を知っていますか？

htmlcsscss-tables
28
John Doe

.betaクラスセレクターをテーブル全体に適用し、CSSコードを変更して、次のように.betaのtd子孫にのみルールを適用します。

<table class="beta">
    <tr>
        <td>...</td>
        <td>...</td>
    </tr>
</table>

.beta td {
    border-style:solid;
    border-top:thick double #ff0000;
}

.beta内の複数の要素にルールを適用する必要がある場合は、次のようなセレクターを追加してください。

.beta td, 
.beta th {
    border-style:solid;
    border-top:thick double #ff0000;
}

カプラ！

70
brezanac

CSSを使用すると、ルールを適用する要素を具体的に指定できます。このルールをtable.Beta tdセル宣言に追加するだけで完了です。

table.Beta td 
{
    border-style:solid;
    border-top:thick double #ff0000;
}
13
John Conde