フォーマットbootsrap nav links css

Question

<header role="banner" class="navbar navbar-fixed-top navbar-inverse"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button data-toggle="collapse-side" data-target=".side-collapse" data-target-2=".side-collapse-container" type="button" class="navbar-toggle pull-left"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
    </div> 

    <div class="navbar-inverse side-collapse in"> 
     <nav role="navigation" class="navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#Home">Home</li> 
      <li><a href="#users">Users</a></li> 
      <li><a href="#">Places</a></li> 
     </ul> 
     </nav> 
    </div> 
    </div> 
</header> 

私はliリンクをフォーマットする必要がありますが、何を試しても結果はありません。私は、CSSに新たなんだと任意のヘルプは素晴らしいことと感謝してあなたが<a>

.nav li a { 
    color : red; 
} 

Answer 1

を受けますので、ブートストラップ。だから、彼らは 'で表示される必要があります。' CSSを適用している間、あなたのコードは次のようになります：

/* unvisited link */ 
    .navbar-inverse .navbar-nav>li>a { 
     color: red; 
    } 

同様に残りのCSSも編集できます。

Answer 2

NAVナビゲーションバー-NAVはCSSのクラスセレクタですターゲットにする必要がある

/* unvisited link */ 
nav navbar-nav a:link { 
color: red; 
} 

/* visited link */ 
nav navbar-nav a:visited { 
color: green; 
} 

/* mouse over link */ 
nav navbar-nav a:hover { 
color: hotpink; 
} 

/* selected link */ 
nav navbar-nav a:active { 
color: blue; 
}