ハンバーガーメニューのテキストのフォントの色とフォントファミリを変更する

Question

ハンバーガーバーのテキストを変更する方法を理解しようとしています。以下のコードは、ハンバーガーバーのテキストとフォントファミリを変更する方法の試みです。これらの試みのそれぞれは、ドロップダウン・テキストではなく、 のハンバー・バー・アイコンの色を変更するだけです。

.menu-text { 
    color: #1E90FF !important; 
    font-family: Georgia; 
} 

.nav-bar ul { 
    color: #1E90FF !important; 
    font-family: Georgia; 
} 

Answer 1

私は今までマテリアライズを使用していませんでしたが、すぐにドロップダウンメニューのソースを調べました。そのセレクタの特異性を、あなたの色の定義は、テキスト要素のために上書きされますので

.dropdown-content li>a, .dropdown-content li>span { 
    /* styles here */ 
} 

：彼らはそうのような順序なしリスト要素の子にコード化された色を、持っているように見えます。

ブラウザを使用して要素を検査し、最も適切なセレクタを使用して基本スタイルを上書きすることをお勧めします。