有没有一种方法可以设置活动书签元素的样式？

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伪类对元素进行样式设置，使其ID与网址哈希片段匹配

:target {
  background: green;
}

将为您的表格行添加绿色背景

Answer 2

我认为这不可能。您可以使用PHP（如您所说）添加类。像这样：

<?= ($_GET['somenumber'] ?: "") == $variable ? "active" : "" =?>

$_GET['somenumber'] ?: ""部分将检查是否设置了某个数字，否则将其替换为“”。然后，它会检查它是否与您设置的变量相同，并且是否显示“ active”或您想要的任何CSS类。