考虑以下小提琴：http://jsfiddle.net/GMA76/
在链接活动状态我想替换a标签的内容，那么它应该继续跟随链接。但是，当我按照小提琴和此处所示设置样式时：
a div:first-child{
display:block;
}
a div:last-child{
display:none;
}
a:active div:first-child{
display:none;
}
a:active div:last-child{
display:block;
}
该链接在您第一次单击时不起作用。它只替换内容，然后似乎重定向失败。
我该如何解决？
【问题讨论】：
浏览器不能很好地适应 :active 事件中的内容更改。即使它确实有效，纯 CSS 的解决方案也可能意味着用户在新页面加载（或开始加载白屏）之前甚至看不到内容的变化。我用:after 伪选择器和content 属性测试了很多，但这也没有用。
确实如此。 只能使用 Javascript 等语言更改内容。这是一个逻辑问题，超出了样式语言的范围。因此，我建议使用 Javascript。
我已经创建了一个快速的fiddle here 使用带有 jQuery 的 Javascript（不需要 jQuery，但它更容易）来切换链接中的文本，然后在 1 秒后准确地转到新页面。这样，您只需要在 HTML 中包含原始链接，而不是使用 CSS 隐藏单独的链接。如果不仅仅是一两个链接，还有更灵活和可扩展的方法可以做到这一点，而是为了一个例子，看看小提琴。
这是 jQuery：
$(".switch-link").click(function(){
$(this).text("Test Two");
var href = $(this).attr('href');
setTimeout(function(){
window.location = href
}, 1000);
return false;
});
1000 是文本更改和浏览器开始加载新页面之间的延迟，您可以根据需要进行更改。
【讨论】：