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

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;
}

我对字体真是太陌生了，所以我们将不胜感激！

Answer 1

您输入错误fa-facebook需要. 在它前面，因为它是一个类选择器。

.fa-facebook:hover { ... }

Answer 2

写吧-

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

由于您使用的是“类”，因此您忘记在类名之前写“。”（点）。

如果它是一个“ id”，则使用“＃”（哈希）代替点。 其余的将是相同的。