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

时间:2016-01-04 17:33:21

标签: html css font-awesome

目前我的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;
}

我对字体非常棒,所以任何帮助都会受到赞赏!

2 个答案:

答案 0 :(得分:5)

你有一个错字 - var str=inputList.replace(/\n{2,}/g,"\n"); ^^^^ 需要前面的fa-facebook,因为它是一个类选择器。

.

答案 1 :(得分:0)

只需写 -

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

因为您正在使用&#39;班级&#39;你忘记在课程名称之前写下&#39;(点)。

如果它是一个&#39; id&#39;然后使用&#39;#&#39;(哈希)代替点。其余的都是一样的。