通过tr中的类更改表行的颜色

Question

我想使用tr中的类更改tr中所有td的背景颜色。我使用以下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，然后是一个＆＃34;黄色＆＃34;，然后是td

的类

e.g。

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

哪些不是您的DOM的样子。