javascript - 清除 :target CSS psuedo class

Question

最近我一直在研究 Shower HTML5+CSS3 presentation template进行即将进行的演示。花洒用CSS :target pseudo-class这使得在幻灯片概览中轻松识别当前幻灯片。

我理解 :target 如何通过 URL 中的散列工作，但是我无法让它从所有元素中清除 :target CSS。

所以我的问题是:假设在元素被 :target 编辑后，我们如何清除所有 :target 并使用 JavaScript 将其恢复为标准？使用 History API 似乎不起作用。

Answer 1

我之前尝试过以下两个语句，但没有用(至少在 Firefox 上):

history.pushState({}, 'null', window.location.pathname);
window.location.href.substr(0, window.location.href.indexOf('#'));

诀窍是改用它:

window.location.hash = '';

只有当我们尝试通过 JavaScript 清除 :target 选择时，问题才会存在。具有不存在或空哈希值的 anchor 标签有效:http://jsfiddle.net/SMbsb/3/