html - 按 tr 中的类更改表行的颜色

Question

我想更改 tr 中所有 td 的背景颜色，只是使用 tr 中的一个类。我正在使用以下 CSS

tr .yellow td{
background-color: yellow;

我有以下 html

<tr class="yellow"><td></td> <td></td></tr>

但是背景颜色没有改变。这里有什么错误？

Answer 1

在 CSS 声明中类之前有一个空格

tr.yellow td{
  background-color: yellow;
}

您需要删除空格以指示该类在 <tr> 上元素。没有它，你暗示层次结构是:

tr, then something with a class of "yellow", then a td

例如

<tr>
  <sometag class="yellow">
    <td>

不是您的 DOM 的样子。