只在一页上更改元素。

Question

在本网站https://www.nycofficesuites.com/new/上，我只想更改主页顶部栏的颜色。我试过这样的代码：

.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;
}  

两样都不管用。谢谢你的帮助。

Answer 1

我查看了您的网站，在一个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;
}

或：

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

在最后一个选择器之前有一个空格，因为.top-bar是body元素的子元素。

希望这能帮上忙！

Answer 2

试试看：

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

Answer 3

如果是一个页面，你可以用它来设置样式！

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