将CSS样式应用于表的所有列
在我的CSS中,我有一个条目:将CSS样式应用于表的所有列,css,Css,在我的CSS中,我有一个条目: .isenabled { font-weight:bold; background-color:lightyellow } 在HTML中,我有: <table> <tr> <td class="isenabled">This is enabled</td> <td>This isn't</td> </tr> <
.isenabled {
font-weight:bold;
background-color:lightyellow
}
在HTML中,我有:
<table>
<tr>
<td class="isenabled">This is enabled</td>
<td>This isn't</td>
</tr>
</table>
这正是我们想要的。我想做的是:
<table>
<tr class="isenabled">
<td>This is enabled</td>
<td>So is this</td>
</tr>
<tr>
<td class="isenabled">This is enabled</td>
<td>This isn't</td>
</tr>
</table>
但这不起作用,因为两个单元格都有默认背景。我该怎么做呢
[编辑]
我已使所需的行为更加明确。使用以下风格
tr.isenabled>td,td.isenabled{
字体大小:粗体;
背景颜色:浅黄色
}
这是启用的
这也是
.isenabled正在捕获类为isenabled的元素 这就是为什么当您将类添加到“td”时,它会起作用
<table>
<tr>
<td class="isenabled">This is enabled</td>
<td>This isn't</td>
</tr>
</table>
它将选择所有“td”,它是类为isenabled的任何元素的直接子元素
以下是有关css选择器的更多信息 是否要高亮显示第一列特定行此选项适用于整行,但不再适用于单个单元格。我已经相应地编辑了这个问题。
tr.isenabled > td {
font-weight: bold;
background-color: lightyellow
}