Html 当使用tab键聚焦元素时，如何设置其样式？

我想在使用tab键对焦后，将样式应用于

标记。问题是，当我用鼠标点击激活

时，

：焦点也会被触发

我如何才能做到这一点？
您可以使用以下解决方案：


a，a:链接，a:活动{
颜色：绿色；
}
a:焦点：非（：活动）{
颜色：黄色；
}

使用
：focus
和
：active
在鼠标单击时更改样式我以前从未使用过它，但我认为这可能有用上面的解决方案在这里起作用，但一旦用户单击，active就不再应用，并且在加载下一页时，焦点样式会显示出来。@Alon Eitan，目前浏览器对focus visible的支持非常差，所以我不选择它。@swiftlynx还有一个在不支持该功能的浏览器上实现该功能的浏览器