如何更改字体真棒图标悬停颜色？

Question

目前我的 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 完全陌生，如有任何帮助，我们将不胜感激！

Answer 1

你打错了 - fa-facebook 前面需要 .，因为它是 class 选择器。

.fa-facebook:hover { ... }

Answer 2

随便写-

.fa-facebook:hover {
    color: #006b33;
}

由于您使用的是 'class'，您忘记在 class 名称前写“.”（点）。

如果它是 'id' 则使用“#”（哈希）而不是点。其他的都一样。

如何更改字体真棒图标悬停颜色？

How to change font awesome icon hover color?

html

css

font-awesome