html - CSS - 将条件样式应用于表格行

Question

我有一个要求，我必须为我的表格行应用条件样式，但该样式永远不会应用。

.test1 {
  background-color: '#ffbf00';
}
.test2 {
  background-color: '#92D050';
}
.test3 {
  background-color: ' ';
}

<table id="testTable">
  <tr styleClass="test1">
    <td></td>
    <td></td>
  </tr>
</table>

但是永远不会应用样式。我缺少什么？

Answer 1

您在此 HTML 代码中有大约 10 个错误。请学习 HTML 和 CSS。以下是您可能希望以正确的方式实现的目标。

.test1 {
  background-color: #ffbf00;
}
.test2 {
  background-color: #92D050;
}
.test3 {
  background-color: transparent;
}

<table id="testTable">
  <tr class="test1">
    <td>a</td>
    <td>b</td>
  </tr>
</table>

不要在颜色上加引号。它的意思是类，而不是样式类。 “”不是有效的颜色值。