CSS. Выделите div, когда идентификатор связан с использованием привязки?

То, что я пытаюсь сделать, это выделить div с определенным идентификатором, когда на него ссылается якорь на другой странице IE:

Пользователь щелкает ссылку href="qw.html#test", когда страница загружается, тогда div с id="test" подсвечивается так, чтобы пользователь мог ее четко видеть.

Я уверен, что я видел пример CSS3, где div выделяется, если он связан с. Или это был JavaScript?

Ответ 1

Вам нужно использовать псевдо-класс :target:

:target {
   background-color: #ffa;
}

JS Fiddle demo.

Ответ 2

JavaScript может использоваться для динамического добавления/изменения класса div:

Если у вас есть:

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

Функция Javascript, выполняемая по щелчку якоря:

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

Результат:

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

Ответ 3

Вы можете сделать это в JavaScript. Обратитесь к Как получить привязку из URL-адреса с помощью jQuery? о том, как получить привязку из URL-адреса, а затем это может быть что-то простое, например

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