如何更改字体真棒图标悬停颜色?
How to change font awesome icon hover color?
目前我的 html 看起来像这样:
<div class="col-md-4 text-center">
<i class="fa fa-2x fa-facebook wow bounceIn social"></i>
<i class="fa fa-2x fa-twitter wow bounceIn social"></i>
<i class="fa fa-2x fa-google-plus wow bounceIn social"></i>
</div>
我尝试执行以下操作 CSS 但没有任何反应:
fa-facebook:hover {
color: #006b33;
}
我对 font awesome 完全陌生,如有任何帮助,我们将不胜感激!
你打错了 - fa-facebook
前面需要 .
,因为它是 class 选择器。
.fa-facebook:hover { ... }
随便写-
.fa-facebook:hover {
color: #006b33;
}
由于您使用的是 'class',您忘记在 class 名称前写“.”(点)。
如果它是 'id' 则使用“#”(哈希)而不是点。其他的都一样。
目前我的 html 看起来像这样:
<div class="col-md-4 text-center">
<i class="fa fa-2x fa-facebook wow bounceIn social"></i>
<i class="fa fa-2x fa-twitter wow bounceIn social"></i>
<i class="fa fa-2x fa-google-plus wow bounceIn social"></i>
</div>
我尝试执行以下操作 CSS 但没有任何反应:
fa-facebook:hover {
color: #006b33;
}
我对 font awesome 完全陌生,如有任何帮助,我们将不胜感激!
你打错了 - fa-facebook
前面需要 .
,因为它是 class 选择器。
.fa-facebook:hover { ... }
随便写-
.fa-facebook:hover {
color: #006b33;
}
由于您使用的是 'class',您忘记在 class 名称前写“.”(点)。
如果它是 'id' 则使用“#”(哈希)而不是点。其他的都一样。