使用a删除链接中的单词：单击链接后访问

Question

是否有一种方法可以使用纯css来建立一个可能会说“New！Watch Video”的链接，然后一旦有人点击该链接，就会删除该链接的“新建”部分。我假设这可以用Jquery完成，但我想看看是否有办法用css删除它。

Answer 1

包裹“新！”在锚内的一个范围内：

<a class="newText" href="somepage.html"><span>New! </span>Watch video</a>

并在您的CSS中设置：

a.newText:visited span { display: none; }

我建议在锚点上使用一个类（如上面的“newText”），这样这种格式化只会应用于你想要它的链接。并记住“新！”如果用户清除浏览器历史记录，文本将重新出现。

Answer 2

如果链接尚未访问

，请添加单词“新建”，而不是删除字词。

a:before {
    content: "New! ";
}
a:visited:before {
    content: "";
}

没有额外的标记，你不需要在任何地方加上“新”这个词。

Answer 3

假设锚点将带您进入新页面，您可以使用以下技术：

a:before {
    content: "New! ";
}

在您要删除或更改的任何页面上，您可以添加一个正文类

body.blah a:before {
    content: "";
}