현재 메뉴 선택기 문제

하위 메뉴에 대한 현재 메뉴 항목의 렌더링에서 아래 코드 블록을 유지하려고하지만 여전히 그 위에 렌더링됩니다. 어떻게 내가 하위 메뉴에서 렌더링을 중지 LI의현재 메뉴 선택기 문제

일부 실험 후, 나는 대상으로 아래와 같이 하위 메뉴 LI의 배경을 상쇄하고 일 때문에 다른 방법으로 해결할 수 없습니다

#nav-bar ul:not(.sub-menu) li.current-menu-item 
    { 
     filter: alpha(opacity=100); 
     opacity: 1; 
     zoom: 1px; 
     background-color:#65B6D3; 
     @include vertical-gradient(#74D7FC, #4B7C8E); 
     text-shadow:0 1px 1px rgba(255,255,255,0.5); 
     height: 100%; 



}

출처

2014-04-17 Sleek Geek

당신은 선택기를 사용하려고했습니다 :'''nav> ul> li' 그래서''ul li li'는 스타일이 잡히지 않습니까? –

나는 정확히 그 것을했습니다 –

여기에 귀하의 코드가 표시되지 않습니다. 당신은 당신이 시도한 것을 보여주기 위해 바이올린이나 코데 판을 설정할 수 있습니다, 당신이 기대하는 것은 그렇게 명확하지 않습니다 (나의 영어는 그렇게 좋지 않습니다) –

#nav-bar li.menu-item-has-children ul.sub-menu li.current-menu-item { 
    background: none ; 
}

출처

2014-04-17 19:06:01

현재 메뉴 선택기 문제

답변

관련 문제