如何在HTML中使用HTML转换颜色并使用CSS删除下划线？

Question

如何在悬停时使HTML中的链接变成颜色并使用CSS删除下划线？

Answer 1

您想查看:hover pseudoselector，color property和text-decoration属性。

a:hover { color: red; text-decoration: none; }

为确保您的超链接按照您的方式设置样式（并且不与其他样式规则冲突），请使用!important：

a:hover { color: red !important; text-decoration: none !important; }

Answer 2

此外，除了stragers的回答，请确保以LoVe HAte方式声明伪类。您必须声明：首先链接，然后：访问，然后：悬停然后：活动。否则某些浏览器可能不会应用伪类。

a:link{
 /*this only apllies to named anchors*/
}
a:visited{
 /*possible styles for visited links*/
}
a:hover{
 /*when mouse hovers over a-tag*/
 text-decoration:none;
 color:red;
}
a:active{
 /*possible styles on active (when a-tag is clicked)*/
}