テーブルの行のスタイルを制御するためにテーブルのクラスを定義する方法

Question

テーブル内の行スタイルも制御できるクラスを定義できるかどうか疑問に思っています。

クラス「aTable」を定義するとします

.aTable
{
  width:800px;
  border-spacing:2px;
}

行スタイルも定義したいと思います。したがって、このクラスをテーブルに割り当てると、そのテーブルのすべての行がデザインに従います。たとえば、background-color：＃e9e9e9;

Answer 1

あなたはこのようにそれを達成することができます：

.aTable {
    width: 800px;
    border-spacing: 2px;
}
.aTable tr {
    background-color: #DDD;
}

Answer 2

行全体に背景色を与えるには、その行の各セルに背景色を割り当てます。

.aTable tr td { background-color: #e9e9e9: }

そのようなcssクラス定義内の特定のクラスまたは要素をいつでも選択できます。

Answer 3

私は less を使用してCSSをはるかに簡単かつクリーンにするのが大好きです。次に、これを行うことができます：

.aTable {
    width: 800px;
    border-spacing: 2px;
    tr {
        background-color: #DDD;
    }
}