부모님을 숨기고 메뉴에있는 어린이는 숨기기

Question

부모를 숨기려면 <li>이 필요하지만 자식은 <ul>으로 유지해야합니다. 볼 수 있도록

<li class="toplevel">Link 
    <ul> 
    <li class="secondlevel">Link</li> 
    </ul> 
<li> 

는 기본적으로,이 클래스의 최상위은 숨길 수 싶지만 클래스 secondlevel :

그래서 예를 들어 나는 다음과 같은 코드가 있습니다. 이제 나는 CSS로 이것을 할 수 있다는 것을 알고있다.

visibility:hidden/visibility:visible 

그러나 숨겨진 클래스의 높이와 너비는 유지된다. 내가 사용해야하는 것은 같은 더 :

display:none/display:inline 

그러나 물론이 표시되지 않는 아이로 작동하지 않으며 다시 쇼가 나타납니다을 만들 수있는 방법이 없습니다.

가시성을 사용하여 부모를 숨기고 숨겨진 부모에게 높이/너비가 유지되지 않도록 다른 방법이 있습니까?

감사합니다.

Answer 1

parent을 숨기고 해당 메시지를 children으로 표시하는 것은 불가능합니다. 당신은 당신이 어떤 인라인 태그에 숨길 최상위 링크 배치 할 수 있습니다

:

li > span { display: none }