html - 如何隐藏特定页面的页面导航栏和标题

Question

我正在尝试构建一个没有页面导航栏和标题的页面，但我希望它适用于所有其他页面 - 我该如何实现？

我已将此代码添加到页面的 .css 文件中，但最终隐藏了每个页面的页面导航栏和标题：

.navbar-custom {
  display: none;
  visibility: hidden;
}

header{
  display: none;
}

当前页面截图：

非常感谢你的帮助。

标签： htmlcss

Answer 1

如果您将此特定页面上id的元素设置为。body然后您可以使用#page-id前缀设置相同的规则。

例如：

#page-id .navbar-custom {
  display: none;
  visibility: hidden;
}

#page-id header{
  display: none;
}