css nav for angular-ui-bootstrap顏色更改不起作用

Question

我想將活動鏈接的背景顏色更改爲標頭中的橙色。我正在使用bootstrap，不知道我該怎麼做。我trield使用

ul.nav a:active { 
     color: orange !important; 
    } 

但沒有工作......任何想法？下面是我的代碼

<style> 
    div.navbar.navbar-inverse.navbar-fixed-top{ 
     background-color: #f1f1f1; 
     border-color: #f1f1f1; 
    } 

</style> 
<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">My-H</a> 
     </div> 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

Answer 1

你有<li class="active"><a href="#">Home</a></li>，你的活動鏈接（<a>標籤）被放置在一個<li>標籤與active class.so嘗試使用這個CSS代替：

ul.nav li.active a { 
    color: orange !important; 
}