如何为Font Awesome添加悬停效果？

Question

我有一些灰色的社交网站图标.当您将鼠标悬停在它们上方时,我希望它们更改为适当的颜色(脸谱:蓝色,谷歌+:红色等).我玩过它,无济于事.这是代码:

  <li style="float:left;">
      <!-- start social bookmarks -->
      <div style="font-size: 32px; color: grey;">
      <i class="icon-facebook-sign" style="margin-left: 0px;"></i>
      <i class="icon-twitter-sign" style="margin-left: -12px;"></i>
      <i class="icon-linkedin-sign" style="margin-left: -12px;"></i>
      <i class="icon-google-plus-sign" style="margin-left: -12px;"></i>
      </div>
      <!-- end social bookmarks -->
    </li>

Answer 1

您可以使用:

   .icon-facebook-sign:hover{color:lightblue;}
   .icon-twitter-sign:hover{color:yellow}

http://jsbin.com/opeyoy/1/

Answer 2

你可以尝试这样的事情

.icon-facebook-sign:hover
{
  background-color:blue;
}