仅在几页上隐藏带有css的元素

Question

我正在寻找一种快速简便的方法来隐藏所有页面边栏上的两个页面上的元素。我试着用css做这件事，但似乎无法影响这一点。 This is one of the pages客户希望边栏中的FDIC徽标消失。我尝试添加页面ID和侧边栏css来显示：none，但无法解决正确的组合。我是在正确的轨道上吗？

#page-id-63 .textwidget 
{display:none;}

感谢您的帮助！

Answer 1

“page-id-63”是一个类，而不是您链接的页面上的ID，因此您需要：

.page-id-63 .textwidget {
    display: none;
}

Answer 2

是的，你走在正确的轨道上。您需要做的是应用样式，然后使用浏览器开发工具查看元素。然后你就可以看看是否

1. 应用的样式。
2. 如果有任何其他样式覆盖它。

<强>更新

现在检查了您的网站已超出维护模式，请尝试此

.page-id-63 .textwidget{
    display: none;
} 

Answer 3

#text-9 > .textwidget {
display: none;
}

试试这个，要么将它包含在专门针对那些页面的调整样式表中，要么将它放在头部的样式标记之间。

编辑：我看到你将页码定义为body标签中的一个类，你可以将它放在主样式表中，调整特定页面的第一个类（例如.page-id-13而不是63） ..

.page-id-63 > #wrapper > #main > #secondary > #text-9 > .textwidget {
display: none;
}

Answer 4

你需要

.page-id-63 .widget-area .text-widget {
display:none;
}

因为您有许多文本小部件，并且只想隐藏侧边栏中的小部件。