CSS- ¿Resalta un div cuando el id está vinculado al uso de un ancla?

Question

Lo que estoy tratando de hacer es poner de relieve un div con una cierta identificación, cuando se ha hecho referencia a un ancla en otra página IE:

usuario hace clic en enlace href="qw.html#test", cuando se carga la página, a continuación, el div con el id="test" se resalta para que el usuario pueda verlo con claridad.

Estoy seguro de que he visto un ejemplo de CSS3 donde se destaca un div si estaba vinculado. ¿O era JavaScript?

Answer 1

Es necesario utilizar la pseudo-clase :target:

:target { 
    background-color: #ffa; 
} 

JS Fiddle demo.

Answer 2

Javascript se puede utilizar para añadir dinámicamente/cambiar la clase del div:

Si usted tiene:

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

función Javascript, ejecutado por el clic del anclaje:

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

Resultado:

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

Answer 3

Puede hacer esto en JavaScript. Consulte la How to get the anchor from the URL using jQuery? sobre cómo conseguir que el ancla URL y entonces puede ser algo tan simple como

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