2013-06-15 1 views
1

Вот клиент сайт я работал на: http://sedonastory.comCSS стайлинг подменит копирование стиля главного меню элемента списка

На любой выбранной странице, при наведении на этой странице основного элемента списка меню, ссылки, содержащиеся в выпадающий список - неправильный цвет. Они белые и должны быть темно-серыми (# 444444).

Например, если я нажимаю на ссылку «О программе» и перехожу на эту страницу, затем снова наведите курсор мыши на ссылку меню «О программе», цвета отличаются от других элементов, которые не выбраны из списка.

Я пробовал все, что я могу придумать, чтобы изменить цвет на серый - я знаю, что это должно быть простым (и, вероятно, есть)!

#nav 
{ position: absolute; 
    z-index: 300; 
    top: 72px; 
    right: 0; 
    } 
#nav ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    } 
#nav ul li { 
    position: relative; 
    float: left; 
    padding: 75px 0 5px; 
    margin: 0 14px 0 0; 
    font-size: 18px; 
    font-weight: bold; 
    } 
#nav ul li a { 
    padding: 0 7px; 
    color: #444; 
    text-decoration: none; 
    font-family:'ralewayregular',sans-serif; 
    } 
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus { 
    color: #931e74; 
    } 
#nav ul li.selected { 
    background: #d6a66d; 
    } 
#nav ul li.selected a { 
    color: #fff; 
    } 
#nav ul li em { 
    position: absolute; 
    left: -10001px; 
    top: -10001px; 
    } 
#nav ul li li { 
    float: none; 
    display: block; 
    padding: 0; 
    margin: 0; 
    border-top: 1px solid #fff; 
    font-size: 14px;color:#444; 
    } 
#nav ul li li:first-child { 
    border-top: 0; 
    color:#444; 
    } 
#nav ul li li a { 
    float: none; 
    display: block; 
    padding: 11px 0; 
    color: #444; 
    } 
#nav ul li li.selected a { 
    color: #444; 
    background:#F4E2CC; 
    } 
#nav ul li li a:hover, #nav ul li li a:active, #nav ul li li a:focus { 
    color: #a1117c; 
    background-color:#F4E2CC; 
    } 

ответ

1

Использование child selector применять белый цвет только для связи верхнего уровня.

#nav ul li.selected > a { 
    color: #fff; 
} 
Смежные вопросы