突出显示当前链接选择锚定在同一页上的内容

Question

我有一个左侧链接列表和一个固定的div与网页右侧的隐藏溢出。固定div包含3个与固定div相同高度的额外div。嵌套在固定格中的每个div链接到固定格左侧列表中的一个链接。

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

我似乎无法使用纯html/css来突出显示当前链接，所以我一直试图用PHP做到这一点，但没有成功。

有没有办法做到这一点没有JavaScript？

Answer 1

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

将部分工作，但仅在焦点移动到其他地方时才起作用。

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