CSS 使用 :target 選擇器更改整個表格行的背景顏色

Question

我有一個多行和 2 列的表格。 當使用#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;
}