如何更改字體真棒圖標懸停顏色？

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

Answer 2

寫吧-

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

由於您使用的是“類”，因此您忘記在類名之前寫“。”（點）。

如果它是一個“ id”，則使用“＃”（哈希）代替點。 其余的將是相同的。