2016-12-05 25 views
-1

我在使用小的固定手工製作顏色時遇到問題,當有人向下滾動時。在第一個主菜單中(白色文本,黑色backgorund,社交圖標可以),但是在小型固定菜單中,當有人向下滾動時,社交網絡不顯示,如果使用不帶箭頭的話。如何讓社交網絡圖標在白色固定菜單中以黑色顯示?我嘗試添加這個CSS:如何更改固定菜單中的社交網絡圖標顏色?

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

但這個CSS使黑色主菜單中的社交網絡變黑,並且不可見。如何解決這個問題?

在此先感謝。網站URL

+0

您能舉個實例嗎? –

+0

而你的html代碼是...? –

+0

對不起,我的錯,我在第一篇文章中包含鏈接。 –

回答

0

向下滾動時,javascript會在菜單中觸發「mini」類。 如果你想顯示黑色圖標只有在「小」菜單有效,你可以添加到您的CSS:

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

因此,與開始上課「FA-」([^類=「FA-」] )和包含「fa-」([class * =「fa-」])的類只會在父類中有一個類爲'mini'的情況下受到影響

+1

謝謝@ kevin-amiranoff –