css - 如何在css中隐藏特定页面的内容

Question

如何在 CSS 中隐藏特定页面的内容。我在互联网上找到了一些解决方案，但它们仅对元素的 ID 有效。此代码是一个示例

.page-id-47 #header-image-id { display: none; }

我想将此应用于没有 id 的类，因为某些内容没有 id 我尝试使用它，但它不适用于我：

.page-id-47 #header-image-class-name { display: none; }

而且这段代码隐藏了整个网站的类：

.class-name{
       display:none;
}

请问有什么帮助吗？

标签： csstext

Answer 1

尝试使用visibility: hidden，如下所示：-

.myClass{
  visibility: hidden;
}

<div class="myClass">
  <h1>hello</h1>
</div>