【问题标题】: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/ 活动页面当前是主页

【问题讨论】:

  • 您必须将active 类添加到想要的列表项中。

标签: 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) 是黑色(而不是橙色)。

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

    【讨论】:

      【解决方案3】:

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

      ul#mcolor li.active a
      

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

      希望这会有所帮助...

      【讨论】:

        【解决方案4】:

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

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

        【讨论】:

          猜你喜欢
          • 2014-05-21
          • 1970-01-01
          • 1970-01-01
          • 2014-10-06
          • 1970-01-01
          • 2015-05-19
          • 2018-10-24
          • 2023-04-05
          • 2012-11-09
          相关资源
          最近更新 更多