javascript - 使用 CSS 隐藏特定页面上的 div

Question

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

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

我的问题是，有没有办法只在用户位于特定页面时隐藏侧边栏，在这种情况下，当点击搜索结果时显示的页面？我已经查找了大多数 CSS 伪选择器，但没有找到任何地方。

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

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

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

score 0 · Accepted Answer

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

.search #sidebarborder { display: none; }

score 0 · Accepted Answer

0

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

于 2013-08-07T11:14:52.010 回答

2 回答 2