使用 CSS 在特定页面上隐藏 div [关闭]答案

【问题标题】：Hiding a div on specific page with CSS [closed]使用 CSS 在特定页面上隐藏 div [关闭]
【发布时间】：2013-08-07 10:47:13
【问题描述】：

我有一个带有内置搜索功能的 Wordpress 页面。结果显示在侧边栏中，当单击链接时，链接的内容会显示在我的主要内容部分中。

问题在于当您在 800 像素及以下的小屏幕上使用该网站时。当使用这样的屏幕时，侧边栏只会显示在内容下方（除非单击链接，否则搜索结果仍将位于页面顶部，因为那时没有内容）。但是，当点击链接时，我想隐藏侧边栏，因为不再需要搜索结果，而是在小屏幕上提供了一个“返回”按钮。

我的问题是，有没有办法仅在用户位于特定页面时隐藏侧边栏，在这种情况下，当点击搜索结果时显示的页面？我查了大部分 CSS 伪选择器，却一无所获。

如果这不能通过 CSS 实现，Javascript 也可以。

该页面可以在这里找到：http://stilius.se/wilink/

还有一个在这里执行搜索的版本：

【问题讨论】：

【解决方案1】：

<body> 在不同的页面和不同的条件下有不同的类。您可以使用简单的 CSS 级联隐藏或显示某些内容：

.search #sidebarborder { display: none; }

【讨论】：

【解决方案2】：

.linkClass:active #sideBarId { display: none;  }

【讨论】：