使用CSS悬停来增加下划线和颜色，但没有效果

Question

HTML code：

<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和a.hover {}进行a.visited。{/ p>

例如：

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