CSS - Podświetlić element div, gdy identyfikator jest połączony za pomocą kotwicy?

Question

Co ja próbuje zrobić, to zaznaczyć div z określonym id, kiedy to został określoną przez kotwicy na innej stronie IE:

Użytkownik kliknie odnośnik href="qw.html#test", gdy strona jest załadowany, a następnie div z podświetlonym id="test" , aby użytkownik mógł go wyraźnie zobaczyć.

Jestem pewien, że widziałem przykład CSS3, w którym wyróżniono element div, jeśli był z nim powiązany. A może to był JavaScript?

Answer 1

Musisz użyć :target pseudo-klasę:

:target { 
    background-color: #ffa; 
} 

JS Fiddle demo.

Answer 2

JavaScript mogą być wykorzystywane do dynamicznie dodać/zmienić klasę Gr:

Jeśli masz:

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

funkcji JavaScript, wykonywane przez kliknięcie kotwy:

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

Wynik:

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

Answer 3

Możesz to zrobić w JavaScript. Patrz How to get the anchor from the URL using jQuery? jak zdobyć kotwicę z URL i to może być coś prostego jak

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