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而來的，是前：活躍的一個。