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

我有一个包含多行和 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 选择器更改整行的背景颜色吗？

最佳答案

您需要定位单元格。

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

关于html - CSS 使用 :target selector 更改整个表格行的背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31034631/