순수 CSS CSS : 조건부 메뉴 숨기기 : 수준 1 정보 숨기기 레벨 02 호버

Question

정보 영역이있는 순수한 CSS 드롭 다운 메뉴를 개발 중입니다.

내 문제는, 첫 번째 레벨의 정보를 표시하고 싶지만 두 번째 레벨 위로 마우스를 가져 가면 숨길 수 있다는 것입니다. 가 여기 JSFiddle

문제는 내가 내가 부모를 액세스 할 수 있다는 것을 알고 첫 번째 수준의 정보

을 숨기는 방법을 모르는입니다, 그래서 그것을 조건부 만들려고, like :

menu-level1 > ul > li:not(.menu-level2):hover > .menu-info 

하지만 작동하지 않는 것 같습니다.

어떻게 작동 시키려면 조건을 작성해야합니까?

Answer 1

나는 비록 어려움을 통해, 나는 마침내 당신이 무엇을 의미하는지 이해하는 것이 너무 행복 해요. 난 당신이 여기

:-)보고 싶어 무엇을 받았을 때 내가 행복 얻었다 , 그것은이다 http://jsfiddle.net/5Jjfj/11/

새 CSS (매우 사소한 변경) :

.menu-level1 > ul > li a:hover + .menu-info, .menu-info:hover { 
    display: block; 
} 

대신 :

Answer 2

이것을 확인하십시오.

http://jsfiddle.net/5Jjfj/4/

.menu-level1 > ul > li:hover > .menu-info, .menu-info:hover { 
    display: none; 
}