홈 페이지에서 섹션을 숨기려면 어떻게해야합니까?

나는 여기에이 코드를 가지고 :홈 페이지에서 섹션을 숨기려면 어떻게해야합니까?

<head></head> 

    <body class="home page page-id-529 page-template page-template-template-h…up-blog tax-has no-child admin-bar-showing customize-support"> 

<header> 
    <section id="top-bar"></section> 
    <div id="mobile-menu"></div> 
    <section id="header-container"> 
     <div class="wrapper"> 
      <section id="logo-wrapper" class="one_fourth"></section> 
      <!-- 

      end logo 

      --> 
      <section id="navigation-wrapper" class="three_fourth last"> 
       <nav> 
        <div class="menu-primary-menu-container"> 
         <ul id="menu-footer-menu-1" class="sf-menu sf-js-enabled sf-arrows"> 
          <li id="menu-item-3982" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3982"></li> 
          <li id="menu-item-4094" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4094"></li> 
          <li id="menu-item-4095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4095"></li> 
          <li id="menu-item-4096" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4096"> 
           <a href="http://localhost:8888/WebNueva/wordpress/submit-listing-2/"></a> 
          </li> 
         </ul> 
        </div> 
       </nav> 
      </section> 
      <!-- 

      end navigation 

      --> 
      <div class="clearboth"></div> 
     </div> 
    </section> 
    <div id="header-border"></div> 
</header>

을 그리고 난 그냥 같은 홈페이지에서 헤더를 숨기는 방법을 알고

body.home header {display:none}

을하지만이 섹션 전체 헤더를 숨 깁니다, 그리고 내가 좋아하는 것 헤더 컨테이너 섹션 만 숨기고 상단 표시 줄 섹션을 계속 표시합니다.

어떻게하면 onlu 헤더 컨테이너 섹션을 숨길 수 있습니까?

감사

출처

2014-06-07 Icarox

대상 헤더 내부 요소 : 당신이 ID가 다른 무언가를 재사용 다른 페이지에 동일한 스타일 시트를 사용하지 않는

body.home header #header-container {display:none}

아이디로 페이지에서 고유, 그것으로 충분 것 :

#header-container {display:none}

출처

2014-06-07 08:25:41 Guffa

그래,이 코드는 특정 헤더 컨테이너를 숨기고 다른 페이지의 다른 페이지는 숨기지 않도록해야한다. 맞습니까? – Icarox

@ user1206365 : 다른 페이지에서 다른 ID를 사용하는 경우 첫 번째 선택기를 사용하여 해당 헤더에만 규칙을 적용해야합니다. – Guffa

을 당신이 <header> 요소를 일치 당신이 body.home header를 사용하는 경우

body.home #header-container { 
    display: none; 
}

을 숨기려는 특정 요소를 대상으로해야합니다.

<section id="header-container"> 요소와 일치 시키려면 body.home #header-container을 사용하십시오.

출처

2014-06-07 08:20:28

감사합니다. maček !!!! 완벽하게 일했습니다! :) – Icarox

홈 페이지에서 섹션을 숨기려면 어떻게해야합니까?

답변

관련 문제