html - 有没有办法设置事件书签元素的样式？

Question

我有一个 PHP 页面，它生成一个包含如下行的表格:

<tr id="someNumber"> <td> Hello world </td> </tr>

someNumber 实际上是一些数字。

现在，如果此页面的链接类似于 xyz.com/tablePage#someNumber

有没有办法使用 just CSS 选择器来设置书签“someNumber”行的样式？

因为它是一个 PHP 脚本，我知道我可以在生成页面时检查 URL 中的 someNumber 值是否与行的 someNumber 匹配并向其添加一个类。不过，我正在寻找一种使用 CSS 选择器进行样式设置的方法。

Answer 1

您可以使用 :target css 伪类，使用与 url 哈希片段匹配的 id 为元素设置样式

:target {
  background: green;
}

会给你的表格行一个绿色背景