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

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

你把鼠标悬停后访问。