Html 仅在一页上更改元素

在这个网站上，我只想更改主页顶部栏的颜色。我尝试过以下代码：

.home .page .page-id-94 .page-template .page-template-template-home .page-template-template-home-php .wood .top-bar {
  background:blue;
}

.page-id-94 .top-bar {
  background:blue;
}  

与此代码一样：

.home .page .page-id-94 .page-template .page-template-template-home .page-template-template-home-php .wood .top-bar {
  background:blue;
}

.page-id-94 .top-bar {
  background:blue;
}  

两者都不起作用。谢谢你的帮助

试试看：

.home header.style-4 .top-bar {
  background: #YOURCOLOUR;
}

---

我查看了你的网站，在一个

body

元素上有一大堆类名

问题：所有选择器中都有空格

.class1.class2

选择类名为

class2

的元素，该元素是类名为

class1

的元素的子元素

.class1.class2

在选择器中没有空格，因此它选择了一个同时具有

.class1

和

.class2

类名的元素

更正：

.home.page.page-id-94.page-template.page-template-template-home.page-template-template-home-php.wood .top-bar {
    background:blue;
}

或：

最后一个选择器前面有一个空格，因为

.top bar

是

body

元素的子元素

---

希望有帮助

如果是一个页面，您只需设置样式即可！重要的

<div style="background:red!important;">
    <p>Example</p>
</div>

范例

你不应该这样问一个好问题。请阅读：展示一些你的

HTML

标记，我们可以帮助你这听起来像是jQuery的工作！该页面构建在WordPress框架上。您可以访问管理员，选择页面，并更改文件的背景色。@the_pete–不，不，它绝对不会。