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

envsm3lx  于 2023-05-19  发布在  其他
关注(0)|答案(3)|浏览(125)

我想知道我是否可以定义一个类,也可以控制表中的行样式。
假设我定义了一个类“aTable”

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

我还想定义行样式。因此,当我将这个类分配给一个表时,该表中的所有行都将遵循该设计,例如background-color:#e9e9e9;

krcsximq

krcsximq1#

你可以像这样实现它:

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

bbuxkriu2#

要给予整行一个背景色,你需要给该行中的每个单元格分配背景色,即

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

你总是可以像这样在css类定义中选择特定的类或元素。

eoigrqb6

eoigrqb63#

我更喜欢使用less来使CSS更容易和更干净。然后你可以这样做:

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

相关问题