Как добавить стиль к активному пункту меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем toliknu, 24.11.2011.

  1. Offline

    toliknu Недавно здесь

    Регистрация:
    10.01.2010
    Сообщения:
    22
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте! Подскажите, пожалуйста. Как добавить стиль к активному пункту меню? Никак не получается. Вот все, что есть в файле main.css относительно этого меню:
    Код (html):
    1. .LeftMenu ul
    2. {
    3.     list-style:none;
    4.     margin:0;
    5.     padding: 0;
    6. }
    7.  
    8. .LeftMenu ul li
    9. {
    10.     background: none repeat scroll 0 0 transparent;
    11.     font-size: 16px;
    12.     margin: 0 0 5px;
    13.     padding: 0;
    14. }
    15.  
    16. .LeftMenu ul li a
    17. {
    18.     background:url(../images/menu-marker.gif);
    19.     background-repeat:no-repeat;
    20.     background-position:0% 50%;
    21.     padding:0 0 0 11px;
    22.     color:#373737;
    23. }
    24.  
    25. .LeftMenu ul li a:hover
    26. {
    27.     background:url(../images/menu-marker-hover.gif);
    28.     background-repeat:no-repeat;
    29.     background-position:0% 50%;
    30.     padding:0 0 0 11px;
    31.     color:#ce2c16;
    32.     text-decoration:none;
    33. }
    34.  
    35. .LeftMenu ul li a:hover
    36. {
    37.     background:url(../images/menu-marker-hover.gif);
    38.     background-repeat:no-repeat;
    39.     background-position:0% 50%;
    40.     padding:0 0 0 11px;
    41.     color:#0071D0;
    42.     text-decoration:none;
    43. }
    44.  
    45. .LeftMenu ul li ul
    46. {
    47.     list-style:none;
    48.     background: none repeat scroll 0 0 transparent;
    49.     margin:0;
    50.     padding:5px 0 0 16px;
    51. }
    52.  
    53. .LeftMenu ul li ul li
    54. {
    55.     margin: 0 0 5px;
    56. }
    57.  
    58. .LeftMenu ul li ul li a
    59. {
    60.     font-size:14px;
    61. }

    Заранее благодарен.
     
  2.  
  3. Offline

    mailmoney Пользователь

    Регистрация:
    14.01.2009
    Сообщения:
    241
    Симпатии:
    19
    Пол:
    Мужской
    Мне кажется как то так:

    Код (PHP):
    1. ul.LeftMenu li.active a {
    2. color: red;
    3.  }
     
    toliknu нравится это.
  4. Offline

    toliknu Недавно здесь

    Регистрация:
    10.01.2010
    Сообщения:
    22
    Симпатии:
    0
    Пол:
    Мужской
    Не получилось:(
     
  5. Offline

    fanatikus Недавно здесь

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Попробуйте так
    Код (CODE):
    1. .LeftMenu ul li a:visited {}
    2. .LeftMenu ul li ul li a:visited{}
     

Поделиться этой страницей

Загрузка...