css - 每个 'tr' 都有不同的背景颜色

Question

我的 table HTML 下面有 tr 列表:

<table>
  <tr>
    <td>content here</td>
    <td>content here</td>
    <td>content here</td>
  </tr>
  <tr>
    <td>content here</td>
    <td>content here</td>
    <td>content here</td>
  </tr>
  <tr>
    <td>content here</td>
    <td>content here</td>
    <td>content here</td>
  </tr>
  <tr>
    <td>content here</td>
    <td>content here</td>
    <td>content here</td>
  </tr>
</table>

是否可以使用 css 为每个 tr 设置不同的背景颜色，例如使用 nth-child

我试试这个:

    table tr:nth-child(1) {
      background-color:#000
    }

但它不起作用。

Answer 1

试试这个:

tr:nth-child(2n+1){
   background-color:#000;
}