css - 使用 :visited once a link has been clicked 从链接中删除单词

Question

有没有一种方法可以使用纯 css 来创建一个可能会显示“新!观看视频”的链接，然后一旦有人单击该链接，它就会删除链接的"new"部分。我假设这可以通过 Jquery 完成，但我想看看是否有一种方法可以仅使用 css 将其删除。

Answer 1

如果链接还没有被访问，而不是删除单词，添加单词“New”

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

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