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

Question

我正在寻找一种快速简便的方法来仅在两个页面上隐藏一个元素，而该元素原本位于所有页面的侧边栏中。我试图用 css 来做，但似乎无法影响这一点。 这是其中一页，客户希望侧边栏中的 FDIC 徽标消失。我尝试添加页面 ID 和侧边栏 css 以显示：无，但无法计算出正确的组合。我在正确的轨道上吗？

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

谢谢你的帮助！

Answer 1

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

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

Answer 2

你需要

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

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

Answer 3

是的，你在正确的轨道上。您需要做的是应用样式，然后使用浏览器开发工具查看元素。然后你将能够看到

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

更新

现在检查您的站点已退出维护模式，试试这个

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

Answer 4

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

试试这个，或者将它包含在专门针对这两个页面的调整样式表中，或者将它放在头部的样式标签之间。

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

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