html - 已访问链接属性覆盖当前页面元素

<分区>

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

我设置了一个 wordpress 站点，菜单链接是:(文本)

css定义(部分):

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

现在的问题是，我定义了

当前菜单项

在 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; }

最佳答案

CSS 层次结构

你的选择器只有两层深 .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 规则。

关于html - 已访问链接属性覆盖当前页面元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13468403/