html - 如何在外部 CSS 文件中指定特定表格行的颜色？

Question

我正在尝试更改每一行的颜色。我已经将外部 CSS 文件链接到 HTML 文件。

HTML 文件:

<tr><div class="row1">
    <td>15</td>
    <td>15</td>
    <td>30</td>
</div></tr>


<tr><div class="row2">
    <td>45</td>
    <td>60</td>
    <td>45</td>
</div></tr>


<tr><div class="row3">
    <td>60</td>
    <td>90</td>
    <td>90</td>
 </div></tr>

在我的 CSS 中，我这样做:

    .row1{
        background-color: hotpink;
    }
    .row2{
        background-color: #ff0000;
    }
    .row3{
        background-color: blue;
    }

Answer 1

直接使用tr上的类

.row1 {
  background-color: hotpink;
}
.row2 {
  background-color: #ff0000;
}
.row3 {
  background-color: blue;
}

<table>
  <tr class="row1">
    <td>15</td>
    <td>15</td>
    <td>30</td>
  </tr>

  <tr class="row2">
    <td>45</td>
    <td>60</td>
    <td>45</td>
  </tr>

  <tr class="row3">
    <td>60</td>
    <td>90</td>
    <td>90</td>
  </tr>
</table>