css：覆盖活动链接样式？

我的 css 中有以下选择器：

a:active {
  position: relative;
  top: 1px;
}

因此，每个链接在按下时都会有这个小按钮效果。

我怎样才能防止特定链接的这种行为？

例如我的网站上有一个“返回顶部”链接，不应该有这种行为。

a#back-to-top {
    position:fixed;
    right:0px;
    bottom:20px;
    width:20px;
    height:20px;
    background:green;
}

在这种情况下，“返回顶部”开始跳转。 但是，如果我尝试重置它，它就不起作用。

a#back-to-top:active  {
    position:fixed !important;
    bottom:20px !important;
}

知道我做错了什么或者如何从该活动行为中排除特定链接吗？

尝试重置top财产也是如此。

a#back-to-top:active  {
    position: fixed !important;
    top: auto !important;
}