javascript - 突出显示由 #id 链接到的页面部分

Question

假设用户单击了链接到的链接:

www.yoursite.com/page2#section1

当然，因为末尾有一个 id，所以页面加载时焦点位于 #section1 元素上。

如何使 #section1 元素也突出显示？

当用户 link to a particular question 时，Stackoverflow 使用类似的东西.

Answer 1

您可以使用:target伪类:

.section:target { background: red; }

<div class="section" id="section1"> <-- would have a red background

IE8 或更低版本本身不支持它。