CSS-当 id 与使用锚链接时突出显示 div？

我试图做的是突出显示一个带有某个 id 的 div，当它被另一个页面 IE 上的一个锚引用时:

用户单击链接 href="qw.html#test"，在加载页面时，然后单击带有 id="test"的 div 突出显示，以便用户可以清楚地看到它。

我确信我看过一个 CSS3的例子，其中一个 div 被高亮显示，如果它被链接到。还是 JavaScript？

24044 次浏览

小开

JavaScript 可用于动态添加/更改 div 的类:

如果你有:

<div id="test"></div>

Javascript 函数，通过点击锚点来执行:

document.getElementById("test").className += " highlighted";

结果:

<div id="test" class=" highlighted"></div>

小开

您可以在 JavaScript 中实现这一点。关于如何从 URL 获取锚点，请参考如何使用 jQuery 从 URL 获取锚？，然后它可以是一些简单的东西，如

document.getElementById(hash).style.backgroundColor="Yellow";

小开

最佳答案

您需要使用 :target伪类:

:target {
background-color: #ffa;
}