突出显示当前选定的链接到同一页面上的内容
我在左侧有一个链接列表，在网页右侧有一个隐藏溢出的固定 div。固定 div 包裹着 3 个与固定 div 高度相同的附加 div。固定 div 中嵌套的每个 div 都链接到固定 div 左侧列表中的链接之一。
这工作得很好，它本质上是用纯 html/css 模拟隐藏/显示效果。现在我一直在尝试做的是突出显示链接列表中选择的当前链接，就像使用导航栏中的菜单项一样。我在 jsfiddle 中做了一个类似的例子。
我似乎无法使用纯 html/css 突出显示当前链接，因此我一直尝试使用 PHP 来突出显示当前链接，但没有成功。
有没有办法不用 JavaScript 来做到这一点？
I have a list of links to the left and a fixed div with hidden overflow to the right of a web page. The fixed div is wrapped around 3 additional divs with the same height as the fixed div. Each div nested within the fixed div is linked to one of the links in the list to the left of the fixed div.
This works fine, it essentially simulates a hide/show effect with pure html/css. Now what I have been trying to do is highlight the current link selected in the list of links like you would with a menu item in a navigation bar. I did a similar example in jsfiddle.
I can't seem to be able to highlight the current link with pure html/css so I've been attempting to do it with PHP with no success.
Is there a way to do this without Javascript?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
会部分起作用，但只有在焦点转移到其他地方之前。
如果每次点击都会重新加载页面，那么您可以使用 PHP 从 URL 读取 #anchor 并将一个类添加到相应的链接元素。
will work partially, but only until focus is moved elsewhere.
If the page is reloaded with each click, then you could use PHP to read the #anchor from the URL and add a class to the appropriate link element.