Html 自动返回链接的预悬停和预聚焦状态

我已通过更改特定类别下链接的

a:hover

和

a:focus

修改了链接的默认外观：

.myclass > a:hover, a:focus {
    color: limegreen;
}

除了一个小动作外，一切看起来都和我想要的一模一样：当我在新选项卡中打开链接时，返回页面时，我看到我单击的链接仍然显示悬停和焦点样式，即使光标不在链接上。我必须单击窗口上的其他位置（甚至在浏览器窗口之外）才能使其消失

我如何使链接文本/图标在单击后自动返回到未悬停的未聚焦状态，而不将光标放在链接上

我希望这可以在不使用JavaScript的情况下实现

另外，我正在使用Bootstrap v。3.3.4

---

p.p.S.已经尝试使用

a:active

，但没有帮助。

使用

a:active

代替

：focus

a:悬停，a:活动{
颜色：柠檬黄；
}

---

您还需要使用

:active

选择器：

a:active, a:focus, a:hover {
  color: limegreen;
}

---

使用

：active

指令

：focus

这在所有浏览器中都存在吗？@ATomCalledStu是的，这在浏览器中存在。