突出显示锚定到同一页面上内容的当前链接

Question

我在左侧有一个链接列表，在网页右侧有一个带有隐藏溢出的固定 div。固定 div 围绕 3 个与固定 div 高度相同的附加 div。嵌套在固定 div 中的每个 div 都链接到固定 div 左侧列表中的链接之一。

这很好用，它本质上是用纯 html/css 模拟隐藏/显示效果。现在我一直在尝试做的是突出显示在链接列表中选择的当前链接，就像在导航栏中使用菜单项一样。我在jsfiddle 中做了一个类似的例子。

我似乎无法使用纯 html/css 突出显示当前链接，因此我一直在尝试使用 PHP 进行此操作，但没有成功。

有没有办法在没有 Javascript 的情况下做到这一点？

Answer 1

a:focus{
    border:solid 1px red;
}

将部分工作，但仅在焦点移到其他地方之前。

如果每次点击都会重新加载页面，那么您可以使用 PHP 从 URL 中读取 #anchor 并将类添加到相应的链接元素。