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

Question

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

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

我确信我已经看过一个CSS3示例，如果链接到div，则突出显示div。 还是JavaScript？

Answer 1

您需要使用:target伪类：

:target {
   background-color: #ffa;
}

JS Fiddle demo

Answer 2

Javascript可用于动态添加/更改div的类：

如果你有：

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

Javascript函数，通过单击锚点执行：

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

结果：

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

Answer 3

您可以在JavaScript中执行此操作。有关如何从URL获取锚点，请参阅How to get the anchor from the URL using jQuery?，然后它可以是简单的

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