css - 在 WordPress 特定页面上隐藏 div

Question

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

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

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

Answer 1

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

.home .controls {display: none;}

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

Answer 2

这是正确的代码：

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

我通过它的 id 引用页面，而我应该通过它的帖子名称引用页面，即“home”。

Answer 3

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