菜单栏CSS活动背景颜色

Question

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

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

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

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

Answer 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教程。

Answer 2

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

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

除了rgb(25, 25, 25)是黑色（而不是橙色）。

另见http://www.colorcodehex.com/191919/。

Answer 3

示例代码中存在太多错误。但是对于你目前的问题：

ul#mcolor li.active a

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

希望这会有所帮助......

Answer 4

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

只需将active课程设为li。感谢。