仅在几页上使用css隐藏元素

我正在寻找一种快速而简单的方法来隐藏两个页面上的元素，否则所有页面上的边栏中都会有。我试着用css来做，但似乎无法影响这一点。客户希望侧栏中的FDIC徽标消失。我尝试添加页面ID和侧边栏css来显示：无，但无法找到正确的组合。我走对了吗

#page-id-63.textwidget
{显示：无；}

---

谢谢你的帮助

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

应用的样式

如果任何其他样式正在覆盖它

更新

现在检查您的站点，该站点已退出维护模式，请尝试以下操作

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

---

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

应用的样式

如果任何其他样式正在覆盖它

更新

现在检查您的站点，该站点已退出维护模式，请尝试以下操作

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

#text-9>.textwidget{
显示：无；
}

尝试一下，或者将其包含在专门针对这两个页面的tweaks样式表中，或者将其放在头部的样式标记之间

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

.page-id-63>#wrapper>#main>#secondary>#text-9>.textwidget{
显示：无；
}

#text-9>.textwidget{
显示：无；
}

尝试一下，或者将其包含在专门针对这两个页面的tweaks样式表中，或者将其放在头部的样式标记之间

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

.page-id-63>#wrapper>#main>#secondary>#text-9>.textwidget{
显示：无；
}

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

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

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

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

你需要

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

因为您有许多文本小部件，只想在侧边栏中隐藏其中一个。

您需要

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

---

因为你有很多文本小部件，只想在侧边栏中隐藏一个。

我没有看到任何FDIC徽标，链接页面只是说“维护模式”woops，忘了我已经打开了它。如果你知道，最好删除实际图像。我不认为这是一个WP问题，因为这是我只想用css隐藏的东西。看起来那页上的建议也是我已经尝试过的。我不能只是隐藏图像，因为它下面仍然有文本。我没有看到任何FDIC徽标，链接页面只是说“维护模式”woops，忘了我打开了它。如果你知道，最好删除实际图像。我不认为这是一个WP问题，因为这是我只想用css隐藏的东西。看起来那页上的建议也是我已经尝试过的。我不能只是隐藏图像，因为它下面仍然有文本。这一个做得很好！其他的成功了，但也在侧边栏中隐藏了其他元素，如Facebook徽标。感谢这么多的问题，这就是为什么你应该使用尽可能具体的CSS选择器来避免可能的冲突。这一个做得很好！其他的成功了，但也在侧边栏中隐藏了其他元素，如Facebook徽标。感谢这么多的问题，这就是为什么您应该使用尽可能具体的CSS选择器来避免可能的冲突。