верхней части фона меню CSS код цвета

Question

Css:

.sf-menu { 
    position: relative; 
    padding: 0; 
    width: 100%; 
    border-bottom: 3px solid #e9e9e9; 
    background: #ffffff; 
} 

@media (max-width: 767px) { 
    .sf-menu { 
    display: none; 
    } 
} 

Сайт:

http://www.sapins-noel.fr/

Попробуйте изменить цвет фона меню верхнего уровня, значение по умолчанию #cbccbe; (серый) Я написал #ffffff (белый), но ничего не изменилось, у кого есть ключ?

Answer 1

#header .sf-menu 

принимает приоритет, поскольку он является родителем. Если вы действительно хотите обходить это, то -

.sf-menu { 
    position: relative; 
    padding: 0; 
    width: 100%; 
    border-bottom: 3px solid #e9e9e9; 
    background: #ffffff !important; 
} 

Answer 2

Вам нужно использовать более конкретный селектор.

Цвет фона создается с этим:

#header .sf-menu { 
    background: #cbccbe; 
    border-bottom: 3px solid #c1c2b4; 
} 

Похоже, что вы пытаетесь изменить цвет с этим:

.sf-menu { 
    position: relative; 
    background: #ffffff; 
    padding: 0; 
    width: 100%; 
    border-bottom: 3px solid #e9e9e9; 
} 

Первый селектор является более точным, чем ваша, так это будет иметь приоритет.

Добавить #header перед вашим селектором и специфика баллов будут равны. Пока ваш код будет установлен по умолчанию, он будет иметь приоритет и переопределить его.

Further reading