html - 导航栏的文字颜色没有改变

Question

我在我的wordpress菜单栏中自定义了一个菜单项

        #menu-item-2722{background:#6AA985;color:#fff;}

但是特定菜单项上的文本没有显示为白色 它与其他菜单项的颜色相同

我也试过

           .nav li a #menu-item-2722 {color:#fff;}

那么如何更改菜单项 2722 的文本颜色

我现有的导航 CSS 是

       nav a {
        position: relative;
        color: #444;
      display: block;
    z-index: 100;
       text-decoration: none;
            } 

但如果我在整个导航栏中更改颜色，我只想更改 1 个特定元素

Answer 1

#menu-item-2722 中的 anchor 标记未显示为白色，因为 CSS 选择器 .nav a(当前正在为 anchor 标记设置样式)更具体比 #menu-item-2722 因为你没有包含 a 选择器。

所以你需要使用

#menu-item-2722 a {
    background:#6AA985;
    color:#fff;
}