悬停不会更改大多数菜单项上的链接颜色 [英] hover doesn't change link color on most menu items

问题描述

div:hover仅在几个wordpress菜单项上更改链接颜色. 无法真正找出原因.为什么要特别指定这些项目?我该如何做所有工作?

div:hover changes link color only on a few wordpress menu items. Can't really figure out a reason for that. Why specifically these items? How do i make all of the work?

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

推荐答案

您已经在a:hover之后指定了a:visit，因此，即使您将鼠标悬停在链接上，链接也将是默认颜色，即使在悬停时也是如此...

You have specified a:visited after a:hover, so your link will be the default color once you've clicked it, even on hover ...

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

...应该修复它.

这篇关于悬停不会更改大多数菜单项上的链接颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！