需要超级鱼菜单的帮助 - 背景和文本颜色问题答案

【问题标题】：Needs help with superfish menu - background and text color problem需要超级鱼菜单的帮助 - 背景和文本颜色问题
【发布时间】：2010-09-01 08:50:58
【问题描述】：

您好，我的 Superfish 菜单有一点 CSS 问题，当活动菜单悬停时，颜色：#000000 不适用，背景和颜色都是白色。非活动菜单按我的意愿工作。

例子：

菜单 1（激活） - 布拉 - 布拉

菜单 1（活动和悬停） - 空白的 - 布拉

粘贴箱：http://pastebin.com/ziYaZJ3e

.ot-menu li li a:focus, .ot-menu li li a:hover, .ot-menu li li a:active {
  background: #FFFFFF;
  color: #000000;
  border-bottom: none;
  outline: 0;
}

【问题讨论】：

如果您不希望您的问题成为 TL;DR，您将需要提取相关的代码部分和测试用例

标签： css

【解决方案1】：

.ot-menu .current_page_item li a, .ot-menu li .current_page_item a {
    background: black;
    border-bottom: none;
    color: white !important;
}

此处设置的颜色是您在白色上得到白色的原因。但是如果禁用，非悬停的活动文本在黑色 BG 上变为黑色。您需要重新构建样式规则/排序。

在可能的情况下尽量避免使用 !important，因为它会使跟踪样式问题变得非常困难（根据经验，我用它制作了一些非常讨厌的样式表惰性编码）。

【讨论】：