Html 使用自定义CSS隐藏页眉和页脚

我试图在我的网站上的特定页面上隐藏页眉和页脚。我正在使用我在网上下载的主题。我试图隐藏的特定页面是

我安装了一个自定义CSS插件，这样我就可以在这个页面上自定义CSS了。我检查了页面元素，发现我很可能试图隐藏

div id="header-space" and div id="footer-outer"

在线阅读后，我认为代码应该是

.page-id-5321 .site-header, .page-id-5321 .site-footer {
  display: none; 
}

或

发布时，我看不到对页面的任何更改。我不是一个开发人员，所以我想使这个编辑尽可能容易，而不影响我的网站的其余部分

编辑：

尝试了一些建议并解决了大部分问题，但现在我被底部的一个大灰色条卡住了，但我无法通过inspect element找到它

EDIT2：CSS现在看起来像这样，但底部仍然有一个灰色的条

#header-outer { display: none;}
#header-space { display: none;}
#footer-outer { display: none;}

---

请尝试以下代码以删除页眉外部、页眉空间和页脚外部

 .page-id-5321 #header-outer, .page-id-5321 #header-space, .page-id-5321 #footer-outer {

      display: none;
    }

试试看

csscode：

.hide{display:none；} .show{display:block；}

如果您需要隐藏一个块/节，那么只需添加class:hide到HTML或用于显示，使用上面提到的类名show

---

希望它能起作用。如果不是，则还原

我认为如果您使用wordpress，在您的特定页面中可以使用其他页眉或/和其他页脚。 改变

到

对于灰条解决方案，与页脚相同

#footer-outer #copyright, body {
    border: none!important;
    background-color: #f8f8f8!important;
}

---

通过更改页脚的颜色，可以使用相同的背景。

将可见性属性用作隐藏。 Like[可见性：隐藏]

---

在您的header类/id中。

header外部{display:none；}应执行此操作谢谢！这似乎成功了。所以我添加了：页眉外部{display:none；}页眉空间{display:none；}页脚外部{display:none；}但是现在我仍然被底部的灰色条卡住了，我在检查元素时似乎找不到它。想法？是的，所以我尝试了代码，似乎已经能够删除我想要的大部分内容。但是我仍然在底部得到一个灰色条，我无法通过页面检查/element找到它。你能详细解释一下你的意思吗？我在前面的基础上添加了这个，但仍然无法摆脱灰色条标题外部{display:none；}页眉空间{display:none；}页脚外部{display:none；}页脚外部版权，正文{边框：无！重要；背景色：F8！重要；}在css中尝试此选项。html，正文{背景：F8！重要；}

<div id="header-space" class="hide">xyz</div> and <div class="show" id="footer-outer">abc</div>

 get_header();

get_header('<other header file>');

#footer-outer #copyright, body {
    border: none!important;
    background-color: #f8f8f8!important;
}