특정 메뉴 항목

Question

숨기기 나는 워드 프레스의 메뉴에 대한 코드를 다음 있습니다 : 그것은 menu-about-1 및 menu-about-container의 아이가 다음 다음의 경우처럼

<div class="menu-about-container"> 
    <ul id="menu-about-1" class="nav-menu"> 
     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-574"><a href="http://10.0.3.12/aromaexpresso/?page_id=301">Our History</a></li> 
    </ul> 
</div> 

내가 우리의 역사 나누었다에 display:none을주고 싶은 무언가를 원하는 display:none주세요.

어떻게 할 수 있습니까? 매우 어리 석다는 것을 알고 있지만 설계 경험이 없습니다. 아무도 나를 안내 할 수 있습니까?

Answer 1

당신이 규칙을 CSS에이 추가 : 이전 선택의

.menu-about-container > #menu-about-1 > li { 
display:none; 
} 

> 목표 직접적인 자.

Answer 2

사용 표준 CSS 선택기 아이 어떤 메뉴 항목을 숨 깁니다 : 특정 항목이 항상 menu-item-574 경우

.menu-about-container #menu-about-1 li.menu-item { display: none; } 

을 그리고 당신은 그 일에만 사용 숨기려 :

.menu-about-container #menu-about-1 li.menu-item-574 { display: none; } 

Answer 3

을 당신은 우리의 역사를 숨기려면

당신은

#menu-about-1 li{display: none} 

을 사용할 수 있습니다하지만 그 숨 깁니다 알 목록 항목 그래서 만약 당신이 미래에 다른 사람을 추가하려면, 당신이 사용해야 주먹 하나를 숨기려면

#menu-about-1 li:first{display: none}