使用CSS懸停可增加下划線和顏色，但無效

Question

HTML代碼：

<a href="#">Google</a><br/>

CSS代碼：

a:link{color: black;text-decoration:none;}
a.hover{textdecoration: underline;}
a.visited {color: red;}

我盡量不加下划線，當我將鼠標懸停在此鏈接上時，將向我們顯示下划線，並且字體也變為紅色，但失敗了。

Answer 1

我認為主要的問題是您使用的是a.hover {}而不是a:hover{} ……您可以正確使用a:link{} 。

嘗試這個：

a:hover {
    text-decoration: underline;
}

a:visited {
    color: red;
}

Answer 2

使用a:hover和a:visited insted的的a.hover和a.visited 。

舉個例子：

a:hover{textdecoration: underline;}
a:visited {color: red;}