表中的tr的CSS

Question

是否可以将后退颜色更改为表格中的特定tr？我如何使每个tr从id = 1到id = 2是蓝色,id = 2到id = 3红色等.

我有这个代码:

<tbody>
<tr id="1"></tr>   <-- Blue
<tr></tr>          <-- Blue
<tr></tr>          <-- Blue
<tr id="2"></tr>   <-- Red
<tr></tr>          <-- Red
<tr id="3"></tr>   <-- Green
<tr></tr>          <-- Green
<tr></tr>          <-- Green
<tr></tr>          <-- Green
</tbody>

Answer 1

试试这个:

[id="1"], [id="1"] ~ tr {
  background-color: blue;
}
[id="2"], [id="2"] ~ tr {
  background-color: red;
}
[id="3"], [id="3"] ~ tr {
  background-color: green;
}

<table>
<tbody>
<tr id="1"><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr id="2"><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr id="3"><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr><td>foo</td></tr>
<tr><td>foo</td></tr>
</tbody>
</table>