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

Question

我可以使用此css设置跨度的文本。

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

但我想在悬停时更改文字 像这样的东西，但我不能让它工作。

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

这可以在css中完成吗？

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

Answer 1

这样做：

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

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