アイコンの色を変えるフォントAwesome

navbarセクションにフォントのすばらしいアイコンがあるテーマをダウンロードしました。そのアイコンの色を変更しようとすると、同じままです。アイコンの色を変えるフォントAwesome

私は

.fa-home { 
    color:black; 
}

を試みたが、それは動作しません。

とにかく例を見ますか？あなたのセレクタが他の複合セレクタによってオーバーライドされている可能性があります – DaniP

色が '.fa-home'アイコンに適用されているかどうかをWebインスペクタ経由で確認してください** OR ** ** fa-home'の:: before'要素** OR **他のスタイルによってオーバーライドされる場合でも**。 –

@DaniP NickがインラインCSSを試していたら...それを上書きする可能性のある複雑なセレクタはありません。 –

アイコンは：before要素にスタイルを適用してみます。

2016-10-10 16:26:07 nanilab

'！important'は必須ではありません。 –

@Paulie_Dありがとう – nanilab

これはうまくいきました。ありがとう –

問題はテーマであり、CSSファイルのどこかに色を定義している可能性があります。それを検索し、アイコンのクラスに従って、アイコンの色がどこに定義されているかを調べることができます。または、ファイルの先頭にcssクラスを置き、 "！important"を追加します。 Like：

Color: black !important;

2016-10-10 16:27:26

使用しないでください！ただしないでください。 –

答えて