css - 将 CSS 样式应用于表格的所有列

Question

在我的 CSS 中，我有一个条目:

.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>

但这并不像现在这样工作(两个单元格都有默认背景)。我应该怎么做？

[编辑]我已经使所需的行为更加明确。

Answer 1

使用如下样式

tr.isenabled > td, td.isenabled {
  font-weight: bold;
  background-color: lightyellow
}

<table>
  <tr class="isenabled">
    <td>This is enabled</td>
    <td>So is this</td>
  </tr>
</table>