削除するグローバルCSSを無効にする*セレクタ

Question

以下のCSSコードがファイル内にあります。私はこのファイルをコアフレームワークの一部として編集することはできません。

*,body,html{font-family:'Open Sans','Helvetica Neue',sans-serif!important} 

私は、Fontawesomeアイコンフォントを使用し、CSSファイルで*の使用に起因するすべての午前fontawesomeアイコンがボックスとして表示されるようになります。

上記のプロパティをオーバーライドして、私が制御できる他の外部CSSファイルに以下のように反映させることはできますか？

body,html{font-family:'Open Sans','Helvetica Neue',sans-serif!important} 

上記コードの変更はうまくいかないようです。どんな助けもありがとう。

Answer 1

CSSをどこかに適切に含めることができる場合は、使用する行を追加して、フレームワークから表示する行の後ろに追加します。最後のCSSルールが勝ちます。

Answer 2

問題はFontawesomeに固有なので、SOの他の回答に基づいて、私は以下の変更を行い、現在動作しています。

*,body,html{font-family:'FontAwesome','Open Sans','Helvetica Neue',sans-serif !important} 

font-familyのリストにFontAwesomeを追加しました。

方向を教えてくれてありがとう。