Я использую joomla 3 и bootstrap.min.js Я создаю меню и предоставляю специальный класс, чтобы менять наведение, активные, посещенные ссылки и стиль меню. Я не мог найти, как изменить цвет активной ссылки в меню. Предположим, у меня есть 2 меню. Дом и контакт. Когда я нахожусь в Доме, он красный, я хочу изменить этот цвет. Я мог бы изменить: active и a: hover. Вот код:
.topmenu .active a,
.topmenu .active a:hover {
background-color: white;
}
.topmenu > li > a{
color: orange;
font-weight:bold;
}
.topmenu > li > a:hover {
color: black;
background:white;
}
Даже я использовал div для изменения цвета активной ссылки. Вот код
#top-menu a{
background-color: white;
color: orange;
font-weight:bold;
}
#top-menu a:focus
{
color: orange;
}
#top-menu a:hover{
color: black;
}
Каждый раз, когда я нажимаю "Домой", он активируется, а цвет - красный. Я хочу изменить его на оранжевый. Не удается найти, как это сделать.
Вот мой код разметки
<div id="top-menu">
<ul class="nav menu nav-pills topmenu">
<li class="item-109 current active"><a href="/joomla3/">Home</a></li>
<li class="item-138"><a href="/joomla3/?Itemid=138"> Russian </a></li>
<li class="item-110"><a href="/joomla3/?Itemid=110"></a></li></ul>
</div>
Что вы предлагаете мне делать?