菜单栏 CSS 活动背景色答案

【问题标题】：menu bar CSS active background color菜单栏 CSS 活动背景色
【发布时间】：2013-09-08 19:43:49
【问题描述】：

大家好，我正在学习 CSS 基础知识并取得进步。我想知道如何将活动菜单栏的背景设置为橙色？我试过了

ul#mcolor li.active a {
    color: rgb(25, 25, 25);
    background-color: Black;
}

但它不起作用。我需要在代码中添加什么来更改 avtive 菜单栏的背景颜色？请指出正确的方向。提前致谢。

到目前为止，这是我的代码 http://jsfiddle.net/blackknights/jADWj/embedded/result/ 活动页面当前是主页

【问题讨论】：

标签： css

【解决方案1】：

查看Is there a CSS parent selector? 线程，您会发现在您的示例中无法调用a 标记的父级。

因此，您需要将 active 类添加到您的 li 标记中，而不是 a，然后让您的 CSS 像这样。

#mcolor li.active {
    background: none repeat scroll 0 0 black !important;
}

我看到你使用了<font> 标签和color。如果您想使用 CSS 更改按钮的颜色属性，请将 color 提供给 a 标记，并避免将其提供给 <font>。建议大家看看W3Schools HTML的教程。

【讨论】：

【解决方案2】：

您必须为a 元素设置#active：

ul#mcolor li a.active {
background-color: orange;
color: Black;
}

除此之外，rgb(25, 25, 25) 是黑色（而不是橙色）。

【讨论】：

【解决方案3】：

示例代码中有太多错误。但是对于您当前的问题：

ul#mcolor li.active a

您正在使用li.active，但active 类应用于您的HTML 中的a 标记。

希望这会有所帮助...

【讨论】：

【解决方案4】：

这是您要找的小提琴。 http://jsfiddle.net/jADWj/4/embedded/result/

只需将active 类放入li。谢谢。

【讨论】：