悬停不会改变大多数菜单项上的链接颜色答案

【问题标题】：hover doesn't change link color on most menu items悬停不会改变大多数菜单项上的链接颜色
【发布时间】：2013-12-11 06:41:13
【问题描述】：

div:hover 仅在几个 wordpress 菜单项上更改链接颜色。实在想不出其中的原因。为什么特别是这些项目？我如何完成所有工作？

<div class="row">
             <div class="col-lg-12" id="mn">
              <?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?>
             </div> 
</div>

css

#mn ul {
list-style-type: none;
margin: 0;
    padding: 0;
}
#mn ul li {
display: inline;
text-align: center;
padding-right: 15px;
font-size: 12px;
}
#mn a:link {
color: #632121;
}
#mn a:hover {
color: #9F9F9F;
text-decoration:none;
}
#mn a:visited {color: #632121;}

【问题讨论】：

请向我们展示生成的 HTML 而不是 Wordpress PHP 代码...您可能还想检查您的 CSS 以检查是否没有其他 CSS 规则推翻这些规则，这似乎是正确的，但很难确保没有 HTML。
你的 PHP 到底回显了什么？

标签： css wordpress menu hover

【解决方案1】：

当样式链接时你应该遵循这个顺序：

a:link {}
a:visited {}
a:hover {}
a:active {}

你在悬停后放置了visited。

【讨论】：

【解决方案2】：

您已在 a:hover 之后指定 a:visited，因此您的链接一旦单击它就会成为默认颜色，即使在悬停时也是如此......

#mn a:link, #mn a:visited {
  color: #632121;
}
#mn a:hover {
  color: #9F9F9F;
  text-decoration:none;
}

...应该修复它。

【讨论】：