如何使用 CSS 更改导航背景颜色答案

【问题标题】：How do I Change Navigation Background Color With CSS如何使用 CSS 更改导航背景颜色
【发布时间】：2013-07-14 20:22:47
【问题描述】：

这是有问题的网站：http://bnurowing.com

我想将当前橙色导航背景的每一部分都更改为红色 (#bf2323)。

谁能告诉我我需要用哪几行 CSS 代码替换它们的值？

我尝试更改一些值，但是当我将鼠标悬停在“委员会和教练”（关于 > 我们的俱乐部）上时，当我希望它保持黑色时，它会变成这种红色。

任何建议将不胜感激！

【问题讨论】：

【解决方案1】：

将style.css 中的#F24830 更改为：

（第 291 行）

.sf-menu > li > a:hover, 
.sf-menu > li.sfHover > a, 
.sf-menu > li.current-menu-item > a {
    background: none repeat scroll 0 0 #BF2323;
}

（第 310 行）

.sf-menu li li a {
    background: none repeat scroll 0 0 #BF2323;
}

大多数现代浏览器都有inbuilt DOM inspection tool，因此您可以查看特定元素的应用位置和样式。

【讨论】：

【解决方案2】：

在

li.current-menu-item > a {
background: ##bf2323;
}

试试看。

【讨论】：