html - CSS 使用 :target selector 更改整个表格行的背景颜色

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;
}