html - 基于书签 (site.com/page.htm#bookmark) 突出显示网页部分的任何简单方法(可能使用 CSS)

Question

我想使用书签链接到页面的一部分 site.com/Page.htm#Bookmark)

呈现页面时，我想突出显示#Bookmark( anchor )中的所有内容

例如，

Employee 1 , blah blah <---此文本将突出显示。

自然有十几个不同的书签。

我在想也许我可以为事件链接状态或类似的东西分配一个 CSS 样式。

有什么想法吗？

Answer 1

您可以使用 :target 选择器执行此操作:

http://www.w3.org/TR/css3-selectors/#target-pseudo

例子: http://www.mysite.com/#foo

<div id="foo">Here is a message</div>

#foo:target {
    background: yellow;
}

更多信息:http://carsonified.com/blog/features/css/stay-on-target/

很遗憾，它在 IE6/7 中不起作用。