我想知道我是否可以定义一个类来控制表格中的行样式。
假设我定义了一个类“aTable”
.aTable
{
width:800px;
border-spacing:2px;
}
我还想定义行样式。因此,当我将此类分配给表格时,该表格中的所有行都将遵循设计,假设背景颜色:#e9e9e9;
你可以这样实现:
.aTable {
width: 800px;
border-spacing: 2px;
}
.aTable tr {
background-color: #DDD;
}
要给整行一个背景色,您可以将背景色分配给该行中的每个单元格,即
.aTable tr td { background-color: #e9e9e9: }
您始终可以在这样的 css 类定义中选择特定的类或元素。
我更喜欢使用 less 使 CSS 更容易和更清晰。然后你可以这样做:
.aTable {
width: 800px;
border-spacing: 2px;
tr {
background-color: #DDD;
}
}