부모 요소를 숨기지 만 내부를 자식으로 표시하는 방법

Question

간단한 백 스트레치 슬라이드 쇼가 있으며이 내비게이션 목록입니다. 응답 성이 좋은 웹이며, 백 스트레치 슬라이드 쇼가 사라 지길 원하지만 너비가 540px보다 작을 때 navlist를 유지하고 싶습니다. . 코드 : visible에 hidden와 자녀의에 부모의 가시성을 설정

<div class="backstretch"> 
    <ul id="navlist"> 
     <li id=""><a href="#"></a></li> 
     <li id=""><a href="#"></a></li> 
     <li id=""><a href="#"></a></li> 
    </ul> 
</div> 

Answer 1

.

시도 : 작동

.backstretch>ul 
{ 
    visibility: visible; 
} 

.backstretch 
{ 
    visibility: hidden; 
} 

DEMO