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

Question

Currently my html looks like this:

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

I tried doing the following CSS and nothing happened:

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

I'm totally new to font awesome, so any help would be appreciated!

Answer 1

You've got a typo - fa-facebook needs the . in front of it, since it's a class selector.

.fa-facebook:hover { ... }

Answer 2

Just write-

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

Since you are using a 'class' you have forgotten to write '.'(dot) before the class name.

If it would have been an 'id' then use '#'(hash) instead of the dot. The rest would be the same.