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

Question

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

Answer 1

当样式链接时，您应遵循以下顺序：

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

你在悬停后放置了。

Answer 2

您指定了a：在a：hover后访问过，所以一旦点击它，您的链接就会成为默认颜色，即使在悬停时...

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

......应该解决它。