鏈接懸停CSS不起作用

<a class="topofpage" href="#top">TOP OF PAGE</a>

CSS

.topofpage{ 
    color: #C00;  
    text-decoration: none; 
} 

.topofpage a:hover{ 
    color: #FCO; 
    text-decoration: none; 
}

在鼠標懸停時顏色不改變#FCO

2012-10-20 Alegro

你的問題只是零和字母'O'之間的混淆。

您的顏色指定爲#FCO。它應該是#FC0。

字母'O'不是CSS顏色中的有效數字。這就是你的風格不起作用的原因。它與它的懸停或沒有關係;這是一個簡單的錯字。

希望能爲你解決它。 :-)

2012-10-20 19:30:08 Spudley

不，只是修復顏色不會使CSS工作。 – Guffa

但我認爲他的選擇器也有問題... –

上懸停事件在CSS中刪除錨元素。

.topofpage:hover{ 
    color: #FC0; 
    text-decoration: none; 
}

2012-10-20 19:15:57 intelis

我刪除了a並將左側的'.topofpage：hover' - 結果相同。顏色不變。 – Alegro

嘗試更改顏色;） – intelis

@Alegro您的顏色值中仍然有O（拉丁大寫字母O），而不是0（數字零）。 – Pavlo

您的CSS鎖定類topofpage中的鏈接。把選擇共同目標具有類的鏈接：

a.topofpage:hover { 
    color: #FC0; 
    text-decoration: none; 
}

此外，如發現帕夫洛，您使用#FCO代替#FC0的顏色。

2012-10-20 19:26:52 Guffa

沒錯，但是'a'只是出於特殊性的原因。 – feeela

感謝everyOne。它現在有效。 – Alegro

@feeela：是的，只有顯示的代碼「a」是不需要的。我想保留它，因爲OP可能會把它放在首位。 – Guffa

回答