僅在一頁上更改元素

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

OR：

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