无法使用CSS更改Font Awesome颜色

Question

我一直在尝试将Font Awesome中的字形颜色更改为绿色，但无论我做什么，我都无法改变颜色。我可以管理的是更改背景颜色，但字形保持相同的灰色。我试过在网上查找，每个人都说只是为这个图标添加颜色：

    .fa-check-circle .green{
  color: #24ff30;
}


<i className="far fa-check-circle fa-2x green"></i>

但这就是我这样做的样子：

我希望背景清晰，图标本身就是绿色，但我无法弄清楚如何去做。

Answer 1

你确定选择器是对的吗？ .fa-check-circle .green选择父.green中的元素.fa-check-circle。

我认为在你的情况下它应该是

.fa-check-circle.green

Answer 2

删除.fa-check-circle和.green类之间的空格。

Answer 3

检查您的选择器是否正确。还要检查您的css文件的顺序是否正确，以及其他元素之间是否存在任何冲突的样式。如果所有其他方法都失败，请尝试指定！important或设置内联样式。