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

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

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

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

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

任何建议将不胜感激!

【问题讨论】:

标签: css wordpress colors navigation


【解决方案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,因此您可以查看特定元素的应用位置和样式。

【讨论】:

  • 非常感谢YaMo,您的解决方案完美运行!我已经为此头疼了一个小时。
【解决方案2】:

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

试试看。

【讨论】:

    猜你喜欢
    • 2015-05-27
    • 2021-04-10
    • 1970-01-01
    • 2017-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-12
    • 1970-01-01
    相关资源
    最近更新 更多