讓 FontAwesome 尊重 CSS 顏色——是否有 FontAwesome 的怪癖？

Question

我在使用 FontAwesome 樣式表示特定圖標的跨度（或 i）成為我想要的顏色時遇到問題。

奇怪的是，它的Chrome檢查顯示為“是”顏色CSS說它應該是，它表明該規則被正確地執行，但在瀏覽器中顯示為周圍的div的顏色，這再次, Chrome 檢查器顯示被正確覆蓋。

在我的應用程序的其他部分，Fontawesome 工作正常，使用 CSS 樣式設置顏色。

有沒有人遇到過 fontawesome 和 CSS 樣式的怪癖？ 在什么情況下，Chrome 檢查器會將字體顯示為一種顏色，但會顯示為另一種顏色？

如果您能提供幫助，將不勝感激。 如果沒有，那很好，但如果你願意，請不要給我投反對票。

Answer 1

假設我理解您的問題，您在<span>沒有任何文本。 但即使你添加了一些，你也會通過調用來隱藏父元素：

#la-tarifa-es{
        display: none
}

因此，無論您如何定位他們，所有孩子也將被隱藏。

Answer 2

答案是 FontAwesome 通過向 SPAN（或 I）添加 ::before 來工作。 因此，很明顯，包含 DIV 的 CSS 規則正在運行，而不是 SPAN 的 CSS 規則。 當我為 SPAN::BEFORE 制定一個非常具體的規則時，它起作用了。