изменение элемента только на одной странице

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>