Navbar logo link css

Question

ブランドロゴとブランドロゴの折りたたみリンクのテキストを他のすべてのものと同じようにデフォルトの青色ではなく白くするようにしようとしています。しかし、特にその部分を呼び出すための適切なCSSを見つけることができません。誰かが正しい方向に私を導いてくれますか？

<a href="#/" class="navbar-brand"> 
        <div class="brand-logo"> 
        <img src="#" alt="Dealer Tracking" class="img-responsive">   
        </div> 
        <div class="brand-logo-collapsed"> 
        <img src="#" alt="Dealer Tracking" class="img-responsive"> 
        </div> 
       </a> 

CSS

a > navbar-brand > img { 
    color: #fff; 
} 

Answer 1

navbar-brandクラスを使用して要素がアンカーと同じ構成要素であるので、（間にスペースを削除する）CSSでそのように扱われる必要があります。また、クラス名は.前に付加されなければならない、とあなたがイメージとアンカーの間でdivを持っているとして、それは>は直接の子孫のみを選択して、ルールを破るだろう、そのためを取り除く：

a.navbar-brand img { 
color: #fff; 
} 

万一それを働かせてください。

.brand-logo > img, .brand-logo-collapsed img{ 
    color: white; 
} 

をそして、あなたはあなたのイメージのすべてのためにこれにしたい場合：

Answer 2

あなたはこれを行うことができます

img{ 
    color: white; 
}