在WordPress特定页面上隐藏div

Question

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

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

然而，这不起作用。 #thumbnails是Div的id，它包含另一个带有“controls”类的div。知道为什么这不起作用。我正在查看的页面是http://who.designbond.co.uk/，我想要隐藏该特定页面右下角的箭头。 在此先感谢您的帮助。

Answer 1

如果它是您要隐藏此主页的主页，这应该足够了：

.home .controls {display: none;}

主页body元素没有page-id-7类，所以我想知道我是否正在查看正确的页面？

Answer 2

添加到CSS .rel .controls {display: none;}

Answer 3

这是正确的代码：

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

我是通过其ID来引用页面，而我应该通过其帖子名称引用该页面，即“home”。