Question

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

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

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

如果这不能通过CSS实现，Javascript也没关系。

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

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

Answer 1

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

.search #sidebarborder { display: none; }

Answer 2

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