Css 在一个ID中指定一个ID

在我的网站的

.admin栏

中，右上角有一个蓝色的

#扩展器

，显示在我们网站的大多数模板上。我想将

#扩展器

作为目标，并将其设置为do

display:none（或使其消失的内容）仅适用于此页面模板：
.page template default#main
{（我的主模板页面）

因此，换言之，我认为我必须在ID（
.admin bar#expander
）中定位一个ID（
.page template default#main
），以使蓝色扩展器消失。我在CSS中格式化它时遇到问题。有人能告诉我如何设置吗

可以在这里看到：

提前感谢！
在使用样式表加载页面后，您不能动态更改CSS元素。您必须使用客户端语言，如JavaScript/jQuery

一个可能的解决方案是，您可以检查特定的URL，并在CSS中更改元素

if (document.URL == "YOUR_PAGES_URL") { 
    $("#expander").css("display", "none");
}

这样，如果您在所需的“模板”上，您可以隐藏元素
#expander

我强烈建议您阅读JavaScript，因为您可能不熟悉客户端脚本语言必须提供的功能。
您应该只需要将ID作为目标，因为它是唯一的（或者无论如何都需要）。什么@putvande说的；只是用
#expander{display:none；}写一行新行
在CSS中应该可以工作。如果不行，你可能只需要更具体地使用选择器。@putvande和tylerh，如果你读到问题，它说他只想在某个页面上隐藏该元素。如果你只使用
#expander
它会在每个页面上隐藏它，Jeffrey，你能不能不使用
页面模板来锁定它-默认的#主#扩展器
？你真的应该看看我的答案。@tylerH谢谢你的支持。我可以在写代码时让蓝色扩展器消失：管理栏#扩展器，.管理栏#导航{顶部：-30px；}但是，这会删除我所有页面上的蓝色扩展器。我不希望这样。相反，我只希望在此模板上删除蓝色扩展器。页面模板默认值#main