CSS使用以下方法更改整个表行的背景颜色：target selector

Question

我有一个包含多行和两列的表。我希望在使用#highlight:target时整个表格行改变背景颜色。我已经能够使用<td id="highlight">而不是<tr id="highlight">

使单个单元格改变颜色

CSS：

#highlight:target {
  background-color: #FF9900;
  -webkit-transition: all 1s linear;
}

HTML：

<a href="#highlight">Highlight!!</a>
<table>
  <tr id="highlight">
    <td>First Column</td>
    <td>Second Column</td>
  </tr>
</table>

我可以使用:target选择器更改整行的背景颜色吗？

Answer 1

您需要定位细胞。

#highlight:target td {
  background-color: #FF9900;
  -webkit-transition: all 1s linear;
}

Answer 2

在样式标签的css下添加。

#highlight td {
  background-color: #FF9900;
  -webkit-transition: all 1s linear;
}