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

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

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

我敢肯定，我已经看到一个CSS3的例子，其中一个div被突出显示，如果它被链接到。 还是JavaScript？

Answer 1

你需要使用:target伪类：

 :target { background-color: #ffa; } 

JS小提琴演示 。

Answer 2

Javascript可以用来dynamic添加/更改div的类：

如果你有：

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

Javascriptfunction，通过点击锚点执行：

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

结果：

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

Answer 3

你可以在JavaScript中做到这一点。 请参阅如何使用jQuery从URL获取锚点？ 如何从URL获取锚点，然后可以是简单的

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