html - CSS 固有のテーブル

Question

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

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

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

Answer 1

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

<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;
}

カプラッ！

Answer 2

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

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