@morgana_lf

Как задать цвет пункту меню текущей страницы?

Добрый день. Задача такая, мне нужно, чтобы пункт меню менял свой цвет при переходе на n-ную страницу (то есть если у меня например меню черное, и я нахожусь на главной, то бэкграунд пункта "главная" должен быть синим), а при наведении курсора должен меняться только цвет текста (но не бэкграунд) с белого на синий.

Делаю я это так:



    #header_nav {
    height: 60px;
    background: #363636;
    margin: 20px 0 0 0;
    }
    #header_nav ul {
    list-style: none;
    }
    #header_nav ul li {
    float: left;
    }
    #header_nav ul li a {
    color: #FFF;
    line-height: 60px;
    padding: 0 43px;
    display: block;
    }
    #header_nav ul li a:active{
    background: #7487be;
    color: #FFFFFF;
    }
    #header_nav ul li a:hover{
    color: #7487be;

    Но работает это как-то совсем не так: бэкграунд меняется при нажатии на кнопку и тут же пропадает, цвет текста при этом совершенно теряется (видимо, становится тоже синим). Правильно работает только при наведении курсора (бэкграунд черный, текст синий, как и нужно).

    Как сделать правильно?
  • Вопрос задан
  • 353 просмотра
Решения вопроса 1
@al3ch5
Все можно сделать через css и html, никого не слушайте! Если нужно решение - отпишите!
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы