css - 如何在发发图标上添加悬停效果？

Question

我想在 fa fa 图标悬停时改变颜色但没有改变？ http://jsfiddle.net/Lgvbbqeo/25/

.fa-arrow-circle-right {
float:right; 
color:white;
margin-right:10px;
}

.fa-fa-arrow-circle-right :hover{
color:#888888;
}

HTML:

  <button type="button" class="buttonl">View Locations<i class="fa   
  fa-arrow-circle-right fa-2x"></i>
  </button>

Answer 1

你的选择器有点错误.fa-fa-arrow-circle-right :hover 应该是 .fa-arrow-circle-right :hover 或者 .fa :hover或 .fa .fa-arrow-circle-right :hover