Html 列表项的字体颜色不能从CSS正确继承

我的校长如下：

%div.header
  %div.span-25
    = link_to logo, root_path
  %div.span-25
    %div.headermenu
      %ul
        - if current_page?(root_path)
          %li.currentmenu
            = link_to "Home", root_path
        - else
          %li
            = link_to "Home", root_path
        - if current_page?(user_path)
          %li.currentmenu
            = link_to "User", user_path
        - else
          %li
            = link_to "User", user_path

在样式中，我有：

.headermenu {
  border-radius:0px 0px 5px 5px;
  -moz-border-radius:0px 0px 5px 5px;
  margin-top:-5px;
  position:relative;
  display:block;
  height:42px;
  font-size:11px;
  font-weight:bold;
  background:transparent url('darkgray_background.gif') repeat-x top;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  text-transform:uppercase;
}

.headermenu ul {
  margin:0px;
  padding:0;
  list-style-type:none;
  width:auto;
}

.headermenu ul li {
  display:block;
  float:left;
  margin:0 1px 0 0;
}

.headermenu ul li a {
  display:block;
  float:left;
  color:#000;
  text-decoration:none;
  padding:13px 12px 0 12px;
  height:28px;
}

.currentmenu {
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  background:transparent url('darkgray_backgroundOVER.gif') no-repeat top center;
}

因此，当前标题菜单将突出显示。突出显示菜单的背景图像是正确的“darkgray_backgroundOVER.gif”，但字体是黑色000，而不是应该的fff。Firebug显示当前菜单中取消的字体：

继承自li.currentmenu element.style{color:FFFFFF；}

相反，上面显示的是：

校长{ 颜色：000000； 等 }

---

为什么它不以白色显示字体？黑色的几乎看不清。如何将当前菜单的字体设置为白色，而将其他非当前菜单的字体设置为黑色？

这可能是一个特殊性问题，只需执行以下操作：

li.currentmenu a{
color:#fff !important;
border-radius:5px;
-moz-border-radius:5px;
background:transparent url('darkgray_backgroundOVER.gif') no-repeat top center;
}

---

这可能是一个特殊性问题，只需执行以下操作：

li.currentmenu a{
color:#fff !important;
border-radius:5px;
-moz-border-radius:5px;
background:transparent url('darkgray_backgroundOVER.gif') no-repeat top center;
}

---

您需要指定锚定标记本身的颜色，而不仅仅是菜单类。你的CSS不够具体，所以000个都是多余的

li.currentmenu a{ 
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
background:transparent url('darkgray_backgroundOVER.gif') no-repeat top center;
} 

---

将更加具体，并且应该正确定位锚定标记。

您需要指定锚定标记本身的颜色，而不仅仅是菜单类。你的CSS不够具体，所以000个都是多余的

li.currentmenu a{ 
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
background:transparent url('darkgray_backgroundOVER.gif') no-repeat top center;
} 

将更加具体，并且应该正确地定位锚标记。

这是因为.currentmenu selector没有.headermenu ul li a那么具体

只需将.currentmenu选择器更改为.headermenu.currentmenu a即可

这是因为.currentmenu selector不像.headermenu ul li a那么具体

只需将.currentmenu选择器更改为.headermenu.currentmenu a即可

---

.headermenu ul li a{color:000000；display:block；float:left；height:28px；padding:13px 12px 0；文本装饰：none；}custom.css？body=1行268 li.current菜单a{moz边框半径：5px 5px 5px 5px 5px 5px；背景：urldarkgray_backgroundOVER.gif不重复滚动中心顶部透明；颜色：FFFFFF；}最后一行颜色：FFFFFF被取消，超出添加！这对他的代码很重要，而且应该可以工作，我应该在我的代码中有一个特定的选择器。我现在就编辑它。在这两个答案之间应该是有效的。我们在同一时间回答了瑞克。另外，加上！重要的是错误的做法，不需要。..headermenu ul li a{color:000000；display:block；float:left；height:28px；padding:13px 12px 0；text decoration:none；}custom.css？body=1行268 li.current菜单a{-moz边框半径：5px 5px 5px 5px；背景：urldarkgray_backgroundOVER.gif不重复滚动中心顶部透明；颜色：ffffffff；}最后一行颜色：FFFFFF被取消，超出了添加！对他的代码来说很重要，而且应该可以工作，我应该在我的代码中有一个特定的选择器。我现在就编辑它。在两个答案之间应该可以工作。我们在同一时间回答了Rick。另外，添加！很重要是不好的做法，不需要。