Question

在我的网站的.admin-bar内，右上角有一个蓝色#expander，显示在我们网站的大多数模板上。我想定位#expander，并将其设置为display: none;（或使其消失的内容）仅适用于此页面模板：.page-template-default #main {（我的主模板页面）

因此，换句话说，我认为我必须在ID（.page-template-default #main）内定位ID（.admin-bar #expander）才能使蓝色扩展器消失。我在CSS中格式化这个问题。有人可以告诉我怎么样？

可以在这里看到：http://visualicreative.com/general/

提前致谢！

Answer 1

使用样式表加载页面后，无法动态更改元素CSS。您必须使用客户端语言，例如JavaScript / jQuery。

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

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

这样，如果你在“模板”上，你可以隐藏元素#expander。

我强烈建议您阅读JavaScript，因为您可能不熟悉客户端脚本语言必须提供的功能。

定位ID中的ID

1 个答案: