Question

我编码了很长一段时间，但似乎我从来没有遇到过这个问题，或者我只是忘了调整，所以很烦人:)：

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

css定义（部分）：

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

现在的问题是，我定义了

current-menu-item

在wordpress中，除了字体颜色外，一切都会改变... 它似乎“访问”覆盖了颜色...... 如何解决这个问题？

的CSS：

#pages ul li { float: right; display: block; height: 37px; padding: 0px; }
        #pages ul li a:link { float: left; color: #FFF; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px; }

#pages ul li a:visited {float: left; color:#fff; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px;}

#pages ul li a:hover { background-position: top; background-repeat: no-repeat; margin: 0px; color: black;}
#pages ul li a:active {background-position: top; background-repeat: no-repeat; margin: 0px; color: black;}
.current-menu-item a:link, .current-post-ancestor a:link, .current-menu-parent a:link, .current-post-parent a:link {background-position: top; background-repeat: no-repeat; margin: 0px; color:black; }

Answer 1

css层次结构

您的选择器只有2级深度.current-menu-item a：link，.current-post-ancestor a：link，.current-menu-parent a：link，.current-post-parent a：link < / p>

wordpress选择器深度为4级#pages ul li a：visited，并且它还有一个ID，使得它的重量超过你的css规则。

尝试在css规则中添加id和selectors，以便浏览器读取并覆盖WP的css规则。

Answer 2

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

或者，如果前一个不可能，请使用current-menu-item样式的color属性！important：

.current-menu-item {
    color: #000 !important;
}

访问过的链接属性会覆盖当前页面项

2 个答案: