让FontAwesome尊重CSS颜色 - 是否有FontAwesome怪癖？

Question

我在使用FontAwesome样式代表特定图标的跨度（或i）时遇到麻烦，无法使用它作为我想要的颜色。

奇怪的是，Chrome检查员显示它“是”CSS所说的应该是的颜色，它表明该规则已正确实施，但在浏览器中它显示为周围div的颜色，Chrome检查器再次显示正确覆盖的颜色。

在我的应用程序的其他部分使用CSS样式设置颜色，Fontawesome工作正常。

有没有人遇到过fontawesome和CSS样式的任何怪癖？ Chrome检查员在什么情况下会将字体显示为一种颜色，但它会显示为另一种颜色？

如果你能提供帮助，我将不胜感激。如果没有，那很好，但如果你愿意的话，不要低估我。

Answer 1

假设我理解您的问题，<span>中没有任何文字。 但即使你添加一些，你也可以通过调用：

来隐藏父元素

#la-tarifa-es{
        display: none
}

所以无论你如何瞄准他们，所有的孩子都会被隐藏起来。

Answer 2

答案是FontAwesome通过在SPAN（或I）中添加:: before来工作。因此，显然，包含DIV的CSS规则就是在运行，而不是SPAN的CSS规则。当我为SPAN :: BEFORE制定一个非常具体的规则之前。