css：覆盖活动链接样式？

Question

我在我的CSS以下选择：

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

所以，当它按下的每一个环节都有这个小按钮效果。

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

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

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

在这种情况下，“back-to-top”开始跳跃。 但是，如果我尝试重置它，它不起作用。

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指令，因为规则具有更高的特异性，并将被应用。

demo：http://jsfiddle.net/gaby/zUEER/

Answer 3

我想你应该“重启”前decleration

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

还，使用重要仅当由于某种原因，一个＃背到顶部：活动样式declartion而来的，是前：活跃的一个。