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

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 { ... }