固定メニューのソーシャルネットワークアイコンの色を変更するには？

Question

誰かが下にスクロールすると、小さな固定マヌーで色を作るのに問題があります。最初のメインメニュー（白いテキスト、黒いバックゴンド、ソーシャルアイコンはOK）では、小さい固定メニューで、スクロールダウンするとソーシャルネットワークが表示されません。白い固定メニューでソーシャルネットワークのアイコンを黒色で表示する方法は？

[class^="fa-"], 
[class*=" fa-"] { 
color:#000; 
} 

が、このCSSは目に見えるメイン黒メニューのソーシャルネットワークは黒ではなくなります：私はこのCSSを追加しようと試みました。これを解決するには？

ありがとうございます。サイトURL

Answer 1

下にスクロールすると、javascriptがメニュー内のクラス「ミニ」をトリガーしています。 「ミニ」メニューは、あなたのCSSに追加することができますアクティブである場合にのみ、あなたは黒のアイコンを表示したい場合は、次の

.mini [class^="fa-"], 
.mini [class*=" fa-"] { 
     color:#000; 
    } 
} 

そうで始まるクラス「FA-」（[クラス^ =「FA-」] ）が含まれ、 "fa-"（[class * = "fa-"]）を含むクラスは、その親の1つがクラス 'mini'を持つ場合にのみ影響を受けます