Css 更改图标的悬停颜色

我有这个跨度：

<span class="fa fa-green fa-arrow-circle-o-right" aria-hidden="true"></span>

但是，悬停功能不起作用：

.fa-green:hover {
    color: black;
}

---

怎么了？

您的代码看起来不错。确保您的悬停样式未被其他样式或类覆盖

html

---

查看此

fontawsome的哪个版本？你能分享完整的代码吗？哪一组：svg还是基于字体的？你试过设置span的值吗？它对我有用。。你好，世界！没有价值，它对你有用吗？对我有用：

.fa-green:hover {
    color: black;
}

<a href="#">
  <span class="fa fa-green fa-arrow-circle-o-right fa-5x" aria-hidden="true"></span
</a>
<a href="#" class="more-power">
   <span class="fa fa-green fa-arrow-circle-o-right fa-5x" aria-hidden="true"></span
</a>

    .fa-green {
      color: #008d4c
    }

    .fa-green:hover {
      color: black
    }

    a.more-power:hover span {
      color: #008d4c
    }