css - 如何使用 css hover 更改跨度的内容？

Question

我可以用这个 css 设置跨度的文本。

.tracking-true .tracking-button-text:before
{
    content:"Tracking";
}

但我想更改悬停时的文本类似这样的东西，但我无法让它工作。

.tracking-true .tracking-button-text:hover
{
    content:"Untrack";
}

这可以在css中完成吗？

更新：就像 Stackoverflow 使用 :hover 将光标更改为指针或更改背景颜色作为 ui 提示一样，我试图向用户传达同样的信息。可以单击此元素，并且会发生某些事情。我不觉得这是对 CSS 的不当使用。

Answer 1

做这个：

.tracking-true .tracking-button-text:before
{
    content:"Tracking";
}

.tracking-true .tracking-button-text:hover:before
{
    content:"Untrack";
}