glyphicon-色の変更の問題

Question

これはグリフを使用した初めてのことですが、これはテキストであり、他のテキストと同様にスタイル付けすることができます。 これは私のグリフアイコンが色を変えない理由に私が混同している理由です。

色を黒（デフォルト）から白に変更します。これは私のコードです：

HTML

<li><span class="glyphicon glyphicon-cog"></span><a class="lolo" href="Franchise-Details.php"><b>Admin Panel</b></a></li> 

CSS間違っている

.glyphicon glyphicon-cog{ 
color: #fff; 
margin-right: 2px; 
} 

？すべてのヘルプは、それはあなたがglyphicon-cog前.を逃してきたし、また、二つのクラスの間にスペースが必要とされていない

.glyphicon.glyphicon-cog{ 
    color: #fff; 
    margin-right: 2px; 
} 

でなければなりません

Answer 1

をいただければ幸いです。

スペースは、​​という名前の要素が親であり、glyphicon-cogという名前の要素がこの親の下にあることを示しています。シナリオではそうではありません。

次の2つのクラスと同じ要素をターゲットにしているので、構文は

.classOne.classTwo 

Answer 2

である必要があり、あなたのグリフの色を上書きしないようにしてください。他の場所で同じグリフに異なる色を使用する必要があるかもしれません。代わりにCSSクラスのような作り：

.white 
{ color: #fff; } 

- そしてこれは、[ファイル]を保存して（コンテンツ*ユニコード前）のデータのみのために、「glyphicon-COG」クラスを予約した後、あなたの「glyphicon」クラスにマージンを保ちますなぜなら、font-class： "glyphicon"の中でのみ、すべての単一グリフに対してマージンを定義する必要がないからです。

そして、単にHTMLでの使用：

<span class="glyphicon glyphicon-cog white"></span>