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

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并将类添加到相应的链接元素。