Как изменить цвет активной ссылки в bootstrap css?

Я предлагаю вам создать ID (#) селектор локально для Div С a ссылки, тогда возьмите это id имя в таблице стилей и переопределить существующее правило.

например,

#abc a{xxx:xxx;}
#abc a:active{xxx:xxx;}

надеюсь, что это помогает.

для того, чтобы делать то, что вы пытаетесь сделать, вы должны сначала понять a: наведите пришел после a: ссылка и a: посетил в определении CSS, чтобы быть эффективным. Если они не в таком порядке, то они не будут работать.

Во-вторых, вы должны понимать, что если вы, где мышление (a:active) означало цвет текущей ссылки, на которой был конечный пользователь, это неверно. (a: active) изменяет цвет при нажатии на ссылку. Вы можете проверить это, удерживая кнопку мыши на ссылке, которую вы сделали другого цвета с (A: active).

Наконец, если вы пытаетесь сделать это, используя только CSS, вы должны добавить определенный класс по текущей ссылке что конечному пользователю на. Ниже я оставил вам пример, надеюсь, что это помогает :)

Панель Навигации Выглядит Следующим Образом
- Домой!--12--> - Россия
- Италия!--12-->

мы находимся на странице Италии для этого Пример:

/*YOUR CSS SHOULD LOOK LIKE THIS*/

/* unvisited link grey */
#top-menu a:link {
	color: #777;
}
/* visited link grey */
#top-menu a:visited {
	color: #777;
}
/* mouse over link blue */
#top-menu a:hover {
	color: #0CF;
}
/* selected link blue */
#top-menu a:active {
	color: #0CF;
}
/* !IMPORTANT ONLY ADD THIS CLASS TO YOUR ACTIVE PAGE LINK ( Color Blue )*/
.activePage a {
	color: #0CF !important
}

<div id="top-menu">
  <ul class="nav menu nav-pills topmenu">
    <li><a href="http://yourdomain.com/page1.html">Home</a></li>
    <li><a href="http://yourdomain.com/page2.html">Russian</a></li>
    <li class="activePage"><a href="http://yourdomain.com/page3.html">Italy</a></li><!--Page End User Is On-->
    <!--Look UP ^^^^^^^^ Hope this helps :)-->
  </ul>
</div>

обратите внимание, что я не поставил .тег activePage в других ссылках? Это позволяет вашим исходным цветам, которые вы выбираете в css для панели навигации, по-прежнему иметь место, пока активная страница остается твердой с другим цветом.

причина, по которой это сработало, потому что я добавил !важно!--7--> в конце цвета для этого отдельного класса.

.activePage {
  color: #0CF !important
}

Домашняя Страница

/*YOUR CSS SHOULD LOOK LIKE THIS*/

/* unvisited link grey */
#top-menu a:link {
	color: #777;
}
/* visited link grey */
#top-menu a:visited {
	color: #777;
}
/* mouse over link blue */
#top-menu a:hover {
	color: #0CF;
}
/* selected link blue */
#top-menu a:active {
	color: #0CF;
}
/* !IMPORTANT ONLY ADD THIS CLASS TO YOUR ACTIVE PAGE LINK ( Color Blue )*/
.activePage a {
	color: #0CF !important
}

<div id="top-menu">
  <ul class="nav menu nav-pills topmenu">
    <li class="activePage"><a href="http://yourdomain.com/page1.html">Home</a></li>
    <li><a href="http://yourdomain.com/page2.html">Russian</a></li>
    <li><a href="http://yourdomain.com/page3.html">Italy</a></li>
  </ul>
</div>

для изменения текущего цвета активной ссылки мы можем использовать код во внешнем файле css или встроенном css

.active a
{
background-color:#ff0000;
}

Если вы хотите глобально изменить цвета ссылок (или что-то еще), создайте настраиваемую загрузку:http://twitter.github.io/bootstrap/customize.html

в ответ на ваш комментарий, если вы хотите переопределить предоставленный CSS, вам нужно создать более конкретное правило. Итак, либо создайте селектор как #my-custom-container .item-109 .current .active или добавить !important к вашему правилу(правилам) для .item-109 .current .active

// Fix navigation menu active links
$(document).ready(function(){
    var path = window.location.pathname,
        link = window.location.href
    ;
    $('a[href="'+path+'"], a[href="'+link+'"]').parent('li').addClass('active');
});

попробуйте изменить CSS на .item-109 { color: white !important; }.

вот ссылка с дополнительной информацией о !important.

        $(function (){
            $('nav ul li a.sub-menu').each(function(){
                var path = window.location.href;
                var current = path.substring(path.lastIndexOf('/')+1);
                var url = $(this).attr('href');
                if(url == current){
                    $(this).addClass('active');
                };
            });     
        });