Css 隐藏WordPress特定页面上的div

我想通过覆盖原始CSS来隐藏特定WordPress页面上的div。这是我的代码：

   body.page-id-7 #thumbnails .controls { display: none !important; }

然而，这不起作用#缩略图是一个Div的id，其中包含另一个类为“controls”的Div。你知道为什么这样不行吗。我正在查看的页面是，我想隐藏该特定页面右下角的箭头。

---

提前感谢您的帮助。

如果您想在主页上隐藏此内容，这就足够了：

.home .controls {display: none;}

---

主页

body

元素没有类

page-id-7

，因此我想知道我是否看到了正确的页面？

添加到CSS

.rel.controls{display:none；}

这是正确的代码：

 body.home.fullsize-gallery #thumbnails .controls { display: none !important; }

---

我是通过id引用该页面的，而我应该通过其帖子名（即“主页”）引用该页面。

Hmmm，检查id为7的页面。似乎对我有用。您确定没有查看缓存的页面吗？尝试清除浏览器缓存。我假设你的链接是错误的，你希望它为你的ID为7的页面工作。否则，您需要将CSS类更改为：

.home

而不是

.page-id-7

嗨，我清除了缓存并在两台不同的电脑上进行了检查，页面右下角的箭头仍然在那里。我只想在该页面（id=7）上隐藏它们，但上面的代码对我不起作用。添加以下内容：

.page-id-7.fullsize-gallery#colophon.keynav{display:none！important；}

page-id-7不是类，但Worpress page-id-7在您的任何页面上都看不到

page-id-7

，但在其他页面上也有类似的页面，他们都是班级。您已将

page-id-7

作为上述CSS中的一个类（因为您在它前面加了一个点）。你能指出你实际上指的是哪一页吗？（你链接到你的主页，说那就是你遇到问题的页面。）我找到了这个线程（）并使用了相同的代码。我认为您可以从css中引用页面id。我只想在主页上隐藏那个div，但是现在我想我需要找到另一种方法。嗨，拉尔夫，你是对的。我引用的是页面id，而我应该通过其帖子名引用页面。