css - 菜单栏 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

看看有没有 CSS 父选择器？线程，您会发现在您的示例中无法调用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该类应用于aHTML 中的标记。

希望这会有所帮助...

Answer 4

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

把active课放到li. 谢谢。