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，特异性得分将相等。只要您的代码在默认值之后，它就会优先并覆盖它。

背景顶级菜单css颜色

2 个答案: