如何为表格定义一个类来控制表格行的样式

Question

我想知道我是否可以定义一个类来控制表格中的行样式。

假设我定义了一个类“aTable”

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

我还想定义行样式。因此，当我将此类分配给表格时，该表格中的所有行都将遵循设计，假设背景颜色：#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;
    }
}