フォントawesomeのスタイルを変更できません

私はlinkからウェブサイトのテンプレートをダウンロードしました。 index.htmlページのナビゲーションメニューでアイコンのスタイルを変更するにはどうすればよいですか？フォントawesomeのスタイルを変更できません

<i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a>

このdidntの仕事

だから私は、新しいクラス "FA-ホーム"

.fa-home-a { 
color:black; 
}

を通じてスタイルを導入し、この

<i class="fa fa-home fa-home-a"></i><a href="index.html">Home</a>

に私のHTMLを変更しかし、これはどちらかとして動作しませんでした

2016-09-09 Umut Gür

どのような要素がスタイルを変更しようとしていますか？「ホーム」の場合は、はの後にする必要があります。 – curt

@curt「ホーム」リンクではなく、素晴らしいフォントの色を変更したい場合 –

<i class="fa fa-home" style="color:black; font-size:48px"></i><a href="index.html">Home</a>

問題はインラインスタイルの参照から来ていますが、セミコロンがありません。

2016-09-09 23:19:18 user3657227

私のコードで確認していただきありがとうございます。問題はそれではありません:) –

解決策が見つかりました。私はFA-家である元のクラスを使用して変更したクラスを使用して

.fa-home { color:black; font-size:80px; }

で外部CSSを適用しないでくださいコード

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

2016-09-10 11:30:19

の以下の部分に「色」プロパティを追加しましたこれが機能しない場合は、親クラスのリフレクションを与える必要があります

2016-09-10 11:50:02

答えて