Html 如何不更改悬停时链接的颜色
我在MVC5应用程序中使用metro ui css,并且有一个菜单。现在我根本不想更改菜单链接的颜色。菜单导航栏如下所示:Html 如何不更改悬停时链接的颜色,html,css,asp.net-mvc,microsoft-metro,Html,Css,Asp.net Mvc,Microsoft Metro,我在MVC5应用程序中使用metro ui css,并且有一个菜单。现在我根本不想更改菜单链接的颜色。菜单导航栏如下所示: <nav class="navigation-bar-content"> <a href="@Url.Action("Index", "Home")"><item class="element">A Thousand Counts</item></a> <it
<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>
我设法使链接的颜色保持我想要的白色。不幸的是,悬停时它仍然会变成蓝色。我如何才能改变这种行为并保持其白色?我试过:
a:hover {
color: white;
}
但它不起作用。我会很感激有人与CSS技能可以帮助我 多亏了他的评论,问题才得以解决。通过添加!重要:
.element > a, a:active, a:hover, a:link, a:visited {
color: white!important;
}
菜单保持白色。太好了 在您的CSS定义中,可能有其他更特殊的样式获得更高的优先级,从而覆盖您定义的样式 根据您发布的HTML,这很可能会帮您完成以下工作:
.navigation-bar-content a:hover {
color: white;
}
阿贝尔的小费很棒!
如果您在这些类型的问题上陷入困境,并且找不到罪魁祸首,有时可以采取以下解决方法:
<nav class="navigation-bar-content">
<a href="@Url.Action("Index", "Home")"><item class="element"><span class="workaround">A Thousand Counts</p></span></a>
<item class="element-divider"></item>
<item class="element">...</item>
</nav>
.workaround > a, a:active, a:hover, a:link, a:visited {
color: red;
}
...
.解决方法>a,a:活动,a:悬停,a:链接,a:已访问{
颜色:红色;
}
在您的CSS定义中,可能会有其他更特殊的样式获得更高的优先级,从而覆盖您定义的样式。虽然这会起作用,但我建议不要使用!只要有可能,这都很重要。请参阅我的答案,了解避免使用的可能解决方案!对这个问题很重要。
<nav class="navigation-bar-content">
<a href="@Url.Action("Index", "Home")"><item class="element"><span class="workaround">A Thousand Counts</p></span></a>
<item class="element-divider"></item>
<item class="element">...</item>
</nav>
.workaround > a, a:active, a:hover, a:link, a:visited {
color: red;
}