Не работает выделение пункта меню цветом - Вопросы по CSS

Добрый день уважаемые знатоки.

Есть скрипт
<script>

$(document).ready(function() {

    $('.menu2').children('li').each(function(index, element) {

        var url = window.location;

        if($(element).find('a').attr('href') == url.pathname)

            $(element).addClass('active');

    });

});</script>


Есть стиль

.active{

color:#8ed9f0;
}

Смысл в том что б данный скрипт применял к указанному пункту меню данный стиль.

Проблема в том что даботает и background, и border, а вот color не работает.
Помогите найти решение. Может в скрипте ошибся?

Joomla сама добавляет класс active к пунктам меню .

не применяет

Класс active добавляется?
background и border к нему применяются?

Если да, то попробуйте просто усложнить конструкцию, увеличив специфичность:
возможно стиль где-то переопределяется
чтобы проверить, можно добавить !important

не применяет

Уберите свой скрипт и посмотрите в браузере добавляется ли класс active и есть ли у него стили .

Убрал скрипт, да класс .active цепляется

и получается что
 
работает на половину
то есть свойство background  цепляется, а color нет.

ясно.
надо колор к ссылке применять
.active a {}

ясно.
надо колор к ссылке применять
.active a {}

Большое спасибо.Заработало.