thay đổi màu của lớp đang hoạt động trong bootstrap

Question

Tôi đang cố gắng thay đổi màu của lớp đang hoạt động trong mã html của tôi. Tôi đang tạo thanh bên nav. đây là mã của tôi:

<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> 

cách thay đổi màu của nó? thanks trước ..

Answer 1

Bạn có thể sử dụng:

.active a{ 
    color: red !important; 
} 

Hoặc để tránh !important, sử dụng:

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

DEMO

Answer 2

Các mã sau đây được áp dụng màu đỏ cho tất cả các thẻ neo.

a { 
    color: red !important; 
    } 

Để chỉ áp dụng màu trong trình bao bọc "điều hướng tĩnh", hãy sử dụng mã sau.

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