[Помогите] с visited

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 17 янв 2016.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    дорогие друзья
    у меня возникла проблема с меню
    помогите в ее решении пожалуйста


    я хочу задать определенный дизайн для активной силки
    он будет такой же, как hover

    ховер работает идеально

    а вот visited работать не хочет

    вот картинка - где показано это

    [​IMG]


    вот код меню

    Код:
    .menu {
        font-family: 'Conv_Joanna Sans Nova Book';
        padding-top: 30px;
        font-size: 24px;
    }
    
    
    .menu li {
       line-height:40px;
       list-style-type: none;
       width:100%;
    }
    
    
    .menu li a{
        color:#fff;
        text-decoration: none;
        display: block;
        padding-left: 40px;
    }
    
    
    .menu li a:link{
       
    }
    
    .menu li a:visited{
        background:#2F2F2F;
        background-image:url("img/menu-s.png");
        background-position:right;
        background-repeat: no-repeat;
    }
    
    .menu li a:hover{
        background:#2F2F2F;
        background-image:url("img/menu-s.png");
        background-position:right;
        background-repeat: no-repeat;
    }
    
    
    .menu li a:active{
        background:#2F2F2F;
        background-image:url("img/menu-s.png");
        background-position:right;
        background-repeat: no-repeat;
    }
     
  2. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    опишите в какой момент должен работать стиль (при наведении,при клике, после клика), ведь есть еще :focus
     
  3. YoYo

    YoYo

    Регистрация:
    20 июл 2016
    Сообщения:
    120
    Симпатии:
    27
    А как это всё будет работать, если стили (посещенные, при наведении, активные) одинаковые?

    .menu li a:visited{
    background:#2F2F2F;
    background-image:url("img/menu-s.png");
    background-position:right;
    background-repeat: no-repeat;
    }

    .menu li a:hover{
    background:#2F2F2F;
    background-image:url("img/menu-s.png");
    background-position:right;
    background-repeat: no-repeat;
    }


    .menu li a:active{
    background:#2F2F2F;
    background-image:url("img/menu-s.png");
    background-position:right;
    background-repeat: no-repeat;
    }