Html 如何在主页上隐藏分区?
我这里有一个代码:Html 如何在主页上隐藏分区?,html,css,Html,Css,我这里有一个代码: <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>
<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>
但这会隐藏整个标题和部分,我只想隐藏标题容器部分,并保持顶部栏部分显示
如何隐藏onlu标题容器节
注意确保针对要隐藏的特定元素
body.home #header-container {
display: none;
}
如果使用body.home标题
,则与
元素匹配
使用
body.home#header container
匹配
元素。针对header内的元素:
body.home header #header-container {display:none}
由于id在页面中是唯一的,因此这就足够了,除非您在另一个页面中使用相同的样式表,而该id在其他页面中被重用:
#header-container {display:none}
好的,这应该是确保我在其他页面中隐藏此特定标题容器而不是其他位置的代码,对吗?@user1206365:如果您在其他页面中为其他内容使用id,则需要第一个选择器使规则仅适用于该特定标题。
#header-container {display:none}