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

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

someNumber实际上是一些数字。
如果指向此页的链接类似于xyz.com/tablePage#someNumber
有没有办法只使用CSS选择器来设置带有书签“someNumber”的行的样式?
由于这是一个PHP脚本,我知道在生成页面时可以检查URL中的someNumber值是否与行的someNumber匹配,并向其中添加一个类。不过,我正在寻找一种使用CSS选择器的样式。

最佳答案

您可以使用:targetcss伪类使用与url散列片段匹配的id设置元素的样式

:target {
  background: green;
}

将给您的表行一个绿色背景

10-07 17:19