Как изменить цвет выбранного элемента в меню?

Question

У меня есть этот сайт:

http://paul.dac-proiect.ro/index.php/about/

Я хочу, чтобы, когда пользователь нажимает на пункт меню выбран, чтобы иметь красный цвет. Я пробовал код ниже, но не понимаю, почему не работает.

Я нашел дополнительную информацию об этом, но я не понимаю, почему в чем-то неправильно написано код?

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

Я убежден, что это нечто очень простое, но неспособное выяснить, в чем проблема.

Вы можете помочь мне решить эту проблему?

Заранее благодарен!

Answer 1

Попробуйте это:

li.current_page_item > a { 
    color: #F00 !important; 
} 

Answer 2

Простейший (но ограниченный, поскольку он окрашивает все посещенные ссылки) использует селектор: посещенный, как и старые дни, когда посещенные ссылки стали фиолетовыми. Другим вариантом было бы добавить класс css .active, который применяет желаемый цвет. Это можно сделать в виде простого HTML (тогда вы должны настроить это для каждой отдельной страницы) или в PHP (путем сравнения текущей страницы с URL-адресом, если это то же самое, примените .active)

Answer 3

:active псевдокласса - это всего лишь момент, когда вы нажимаете и нажимаете кнопку мыши.

Активный элемент в вашем случае имеет класс current_page_item, так:

.current_page_item > a {color: red;} 

Answer 4

Добавьте это в таблице стилей и попробовать.

a:hover, a:active { 
    outline: 0; 
    color: red !important; 
} 

Answer 5

Я предложил добавить класс, когда навигация щелчки. Например:

<a href="http://paul.dac-proiect.ro/">Highlights</a> 

Добавить класс к нему, когда нажмите

<a class="active" href="http://paul.dac-proiect.ro/">Highlights</a> 

CSS

.active{ 
     color : #f00; 
} 

Answer 6

Это будет работать

li.current_page_item > a { 
    color: red !important; 
} 

, потому что вы использовали

li.current_page_item > a { 
    color: #000000 !important; 
} 

так что вам нужно изменить color от #000000 к red.