1

我编码了很长一段时间，但似乎我以前从未遇到过这个问题，或者我只是忘记了调整，所以很讨厌:)

我有一个 wordpress 网站设置，菜单链接是：（文本）

CSS定义（部分）：

link (color:white;)
visited (color:white;)
hover (color:black;)
active (color:black)

现在的问题是，我定义了

当前菜单项

在wordpress中，除了字体颜色外，所有东西都需要改变......似乎“已访问”正在覆盖颜色......如何解决这个问题？

CSS：

#pages ul li { 浮动：对；显示：块；高度：37px；填充：0px；}
        #pages ul li a:link { float: left; 颜色：#FFF；显示：块；高度：29px；字体大小：11px；填充：7px 20px 0px 20px；边距：0px；}

#pages ul li a:visited {float: left; 颜色：#fff; 显示：块；高度：29px；字体大小：11px；填充：7px 20px 0px 20px；边距：0px;}

#pages ul li a:hover { background-position: top; 背景重复：不重复；边距：0px；颜色：黑色;}
#pages ul li a:active {背景位置：顶部；背景重复：不重复；边距：0px；颜色：黑色;}
.current-menu-item a:link, .current-post-ancestor a:link, .current-menu-parent a:link, .current-post-parent a:link {background-position: top; 背景重复：不重复；边距：0px；颜色：黑色; }
4

2 回答 2

1

CSS层次结构

您的选择器只有 2 级深 .current-menu-item a:link, .current-post-ancestor a:link, .current-menu-parent a:link, .current-post-parent a:link

wordpress 选择器有 4 层深#pages ul li a:visited，而且它还有一个 ID，使它的权重超过你的 css 规则。

尝试在您的 css 规则上添加一个 id 和选择器以供浏览器读取并覆盖 WP 的 css 规则。

于 2012-11-20T08:19:57.320 回答
0

确保在设置链接、访问、悬停等样式的 css 文件之后加载菜单 css。

或者如果前一个是不可能的，则使当前菜单项样式的颜色属性！重要：

.current-menu-item {
    color: #000 !important;
}
于 2012-11-20T07:44:56.657 回答