CSS-mettre en évidence une div lorsque l'id est lié à l'utilisation d'une ancre?

ce que je tente de faire est de mettre en évidence une div avec un certain id, quand elle a été mentionnée par une ancre sur une autre page IE:

lien clics utilisateur href="qw.html#test" , lorsque la page est chargée, puis le div avec le id="test" est mis en surbrillance pour que l'utilisateur puisse le voir clairement.

je suis sûr que j'ai vu un exemple CSS3 où une div est mise en évidence si elle était liée à. Ou était-ce Du JavaScript?

42
demandé sur Bhargav Rao 2012-06-21 20:00:51

3 réponses

vous devez utiliser le :target pseudo-classe:

:target {
   background-color: #ffa;
}

js Fiddle demo .

93
répondu David Thomas 2015-12-12 16:06:27

Javascript peut être utilisé pour ajouter/modifier dynamiquement la classe de la div:

si vous avez:

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

fonction Javascript, exécutée par le clic de l'ancre:

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

résultat:

<div id="test" class=" highlighted"></div>
-1
répondu blearn 2012-06-21 16:06:06

vous pouvez le faire en JavaScript. Se référer à Comment obtenir l'ancre de l'URL en utilisant jQuery? sur la façon d'obtenir L'ancre de L'URL et puis il peut être quelque chose de simple comme

document.getElementById(hash).style.backgroundColor="Yellow";
-1
répondu Yuriy Galanter 2017-05-23 12:26:19