첫 아이를 모두 지우지 않고 어떻게 아이를 지울 수 있습니까?

Question

나는 나의 wordpress 웹 사이트 메뉴를위한 2 단계 깊이 ul 체계가있다.

최상위 레벨 ul에서 첫 번째 li 인 "home"메뉴 항목을 제거하고 싶습니다.

다음 작업을 수행 할 경우

.menu-header ul li:first-child{ 
    display: none; 
} 

는 그런 다음 최고 수준의 UL에서 처음으로 리튬뿐만 아니라 두 번째 수준의 모든 메뉴에서 처음으로 리튬을 제거합니다.

그래서 나는이 시도 :

.menu-header ul > li:first-child{ 
display: none; 
} 

을하지만 효과가 없습니다? > 이것이 내가 선택한 자식 선택기라고 생각했습니다.

나는 단지 내가 다음 줄을 추가하면 내가 원하는 것을 얻을 : 두 번째 수준의 UL의 모든 첫째 리를 다시 제공

.menu-header ul ul li:first-child{ 
display: block; 
} 

합니다.

하지만이 마지막 코드를 사용하지 않고 한 줄로 처리 할 수있는 방법이 있습니까?

Answer 1

당신은 바른 길에 있었다 그러나 당신과 같이 아이 ul 요소에 대한 > 아이 선택기를 사용하려면 :

.menu-header > ul > li:first-child { 
 
    display: none; 
 
}

<div class="menu-header"> 
 
    <ul> 
 
    <li>Home</li> 
 
    <li>Page 
 
     <ul> 
 
     <li>Test</li> 
 
     </ul> 
 
    </li> 
 
    </ul> 
 
</div>