ブートストラップナビ内の単一のメニュー項目の色を変更します

Question

ブートストラップ3の「ログアウト」メニュー項目の色を変更しようとしていますが、「ログアウトメニュー」クラスを与えようとしましたが機能しません。

これは動作し、すべてのメニュー項目のフォントの色を変更：ホバー状態の

.nav.navbar-nav.navbar-right li a { 
    color: #930008; 
} 

これは色が動作し、変更

.nav.navbar-nav.navbar-right > li > a:hover{ 
    color: #4e5255; 
} 

これはませ作業を行います。この「ログアウトメニュー」項目は青色ではありません。これは、上記のスタイルと同じ色（＃930008）

.nav.navbar-nav.navbar-right.logout-menu li a { 
    color: blue; 
} 

はここでログアウトタグ上のクラス「ログアウトメニュー」を示すHTMLです。

<div class = "collapse navbar-collapse" id="navbar-container"> 
     <ul class = "nav navbar-nav navbar-right"> 
     <li><a href="#">Plans</a></li> 
     <li class="logout-menu"><a href="#">Logout</a></li> 
     <li><a href="#">Register</a></li> 
     </ul> 
    </div> 

ログアウト項目の色を変更するにはどうすればよいですか？

Answer 1

間違った構文

.nav.navbar-nav.navbar-right li.logout-menu a { 
    color: blue; 
} 

これを試してみてください。

私はあなたも使う必要があると思います！重要です。

Answer 2

IDのログアウトを割り当てます。

とスタイルそれ

#logout:hover{ 
color: #4e5255; 

    }