当ID连接到使用锚CSS-突出一个div?(CSS- Highlight a div when th

2019-06-25 15:44发布

我所试图做的是要突出一个div具有一定的ID,当它已经通过在另一页IE锚简称:

用户点击链接href="qw.html#test" ,当页面加载,然后用在div id="test"高亮显示,使用户可以清楚地看到它。

我敢肯定,我已经看到了在那里,如果它是连接到一个div是强调了CSS3例子。 或者是它的JavaScript?

Answer 1:

您需要使用:target伪类:

:target {
   background-color: #ffa;
}

JS提琴演示 。



Answer 2:

JavaScript可以动态地添加/更改类的div:

如果你有:

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

JavaScript函数,由锚的点击执行:

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

结果:

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


Answer 3:

您可以在JavaScript中做到这一点。 请参阅如何从使用jQuery URL中的锚? 关于如何从URL锚,然后它可以是一些简单的像

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


文章来源: CSS- Highlight a div when the id is linked to using an anchor?