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