我在 MVC5 应用程序中使用 metro-ui-css 并有一个菜单。现在我根本不想更改菜单链接的颜色。菜单导航栏如下所示:
<nav class="navigation-bar-content">
<a href="@Url.Action("Index", "Home")"><item class="element">A Thousand Counts</item></a>
<item class="element-divider"></item>
<item class="element">...</item>
</nav>
同时添加以下 css:
.element > a, a:active, a:hover, a:link, a:visited {
color: white;
}
我设法将链接的颜色保持为白色,如我所愿。不幸的是,悬停时它仍然变成蓝色。我怎样才能改变这种行为并保持白色?我试过:
a:hover {
color: white;
}
但它不起作用。如果有 CSS 技能的人可以帮助我,我将不胜感激!
最佳答案
在您的 CSS 定义中,可能有其他具有更高优先级的更具体的样式,因此会覆盖您定义的样式。
根据您发布的 HTML,这很可能会为您完成这项工作:
.navigation-bar-content a:hover {
color: white;
}
关于html - 如何在悬停时不更改链接的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22520155/