将 CSS 应用于 Wordpress 中父页面的子页面

Question

所以我正在尝试对我公司的 website 进行调整，以便缩略图托盘只会出现在不属于主页 "featured" 部分的页面上.

在我看来，对此的一些变体是有道理的：

.parent-pageid-2204 .thumb-tray, 
.parent-pageid-2204. tray-toggle {
        display: none !important;
}

但是，这行代码隐藏了所有页面上的托盘和开关。删除 !important 标签后，它根本不会影响任何页面。

是否有另一种方法可以定位 Wordpress 中的特定页面（或页面的子页面）？这是 HTML 中的页面名称：class="page-template-default page page-id-2121 page-child parent-pageid-2204 not-mobile"

即使定位 .page-id-2121 似乎也不会影响页面。

Answer 1

试试这个作为选择器，它应该比您要覆盖的选择器更具体：

.page-template-default.page.page-id-2121.page-child.parent-pageid-2204.not-mobile .tray-toggle,
.page-template-default.page.page-id-2121.page-child.parent-pageid-2204.not-mobile .thumb-tray {
    ...
}

(它结合了您在 body 标签中列为 classes 的所有 classes 加上子元素 classes tray-toggle 和 thumb-tray。因为它还包含一个page-id class，它只适用于那一页)

Answer 2

尝试：

body.page-id-2204 .tray-toggle, 
body.page-id-2204 .thumb-tray {
display:none;
}

还要确保它位于任何可以显示它的下方。检查样式表中的第 599 行。那就是 Display:block。而您为隐藏它而添加的 css 位于第 599 行上方。将其放在下方。

将 CSS 应用于 Wordpress 中父页面的子页面

Apply CSS to children of a parent page in Wordpress

html

css

wordpress

hierarchy