zmiana koloru klasy aktywnej w bootstrapie

Question

Próbuję zmienić kolor zajęć aktywnych w moim kodzie HTML. Tworzę pasek boczny nawigacji. oto mój kod:

<div class="col-sm-2"> 
       <ul class="nav nav-pills nav-stacked nav-static"> <!--stacked untuk jadi vertical --> 
        <li class="active"><a>Create Case</a></li> 
        <li><a href="wf-listofcase.php">List of cases</a></li> 
        <li><a href="linksofapps.html">Links of Apps</a></li> 
       </ul> 
    </div> 

jak zmienić kolor? dzięki przed ..

Answer 1

Można użyć:

.active a{ 
    color: red !important; 
} 

lub w celu uniknięcia !important, przeznaczenie:

.nav-pills > li.active > a{ 
    color: red; 
} 

DEMO

Answer 2

Poniższy kod stosuje czerwony kolor na wszystkich tagów kotwicznych.

a { 
    color: red !important; 
    } 

Aby zastosować kolor tylko w opakowaniu "nav-static", należy użyć następującego kodu.

.nav-static .active a{ 
    color: red !important; 
}