更改图标Font Awesome的颜色

Question

我在导航栏部分下载了一个包含字体真棒图标的主题。当我尝试更改图标的颜色时，它保持不变。

我试过

.fa-home {
    color:black;
}

但它没有用。

Answer 1

尝试将样式应用于：before元素，其中图标为。

.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
    color: #COLOR;
}

Answer 2

问题在于主题，它可能已经在css文件中的某处定义了颜色。搜索并按照图标类别，以便您可以找到图标颜色的定义位置。或者将css类放在文件的顶部并添加“！important”。 像：

Color: black !important;