Question

我的css中有以下选择器：

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

所以当按下时，每个链接都有这个小按钮效果。

如何阻止特定链接的行为？

e.g。我在我的网站上有一个“回到顶部”链接，不应该有这种行为。

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;
}

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

Answer 1

尝试重置top属性。

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

Answer 2

以下

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

会修复它，因为它更具体并且会被应用，并且它会覆盖使按钮移动的部分..

不需要!important指令，因为规则具有更高的特异性，而是会被应用。

Answer 3

我认为你应该“重置”顶级声明

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

另外，使用！important只有在某种情况下，＃back-to-top：活动样式声明出现在：active之前。