我是CSS的新手，所以请不要在这里为一些非常简单的东西咬我的头。 基本上，我正在尝试改变一个uni代码字符的颜色，当光标悬停在它上面时，但它似乎不起作用。
当前代码:
null
.fa:hover {
color: red;
}<div id="google-circle">
<a href="www.google.com" class="fa fa-google" style="font-size: 19px; color: white; margin-left: 7px; margin-top: 5.5px; text-decoration: none;"></a>
</div>null
有没有人可以告诉我，我做错了什么，以及一些更好的建议，如何避免常见的CSS错误，或者如果这是坏的做法。 谢谢！
问题是，您在HTML中使用内联CSS将颜色定义为白色。 内联样式优先于外部样式表，因此忽略您的CSS。 将CSS从HTML文档移动到外部CSS文件。
null
body {
background-color: #C2C2C2;
}
.fa {
font-size: 19px;
color: white;
margin-left: 7px;
margin-top: 5.5px;
text-decoration: none;
}
.fa:hover{
color: red !important;
}<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div id="google-circle">
<a href="www.google.com" class="fa fa-google" style=""></a>
</div>