当前菜单项悬停不起作用？

时间：2018-10-30 作者：Jenova1628

我正在尝试将当前菜单项的文本颜色更改为悬停时的绿色，但背景为绿色，因此我希望悬停时的颜色为白色，但似乎不起作用，以便在“我们的产品”上查看悬停在选定页面上的内容

website link

li.current-menu-item a:hover{
color:white !important;
}

2 个回复
最合适的回答,由SO网友:SHEESHRAM 整理而成

我刚刚查看了你的网站，发现了一些对你网站有用的CSS
找到这行CSS并更改您的颜色代码，它肯定会起作用

For menu hover and focus (\'Use this CSS in bedcentregrimsby.css\')

 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #a4cb9a;
    }
请随时报价。谢谢，干杯。。！！

SO网友:André Kelling

一般来说，这不是一个好的习惯!important CSS中的属性。你应该尽量避免。

您需要使用浏览器检查器查找存在哪些CSS规则来为悬停链接上色。

您可以找到有关CSS规则如何覆盖自身以及最终指定的规则get的信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

E、 g.：您已经有了链接的悬停状态样式，可以覆盖您的白色样式：

.navbar-nav a:hover, .dropdown-menu>li>a:hover {
    color: #a4cb9a !important;
}
在中http://beta2018.bedcentregrimsby.co.uk/wp-content/themes/BedCentre2/css/bedcentregrimsby.css?ver=4.9.8 第1006行

结束
标签： css   html   小码农  

相关推荐

是否将Body类添加到已具有语言属性的html标记？

在我的主题中（基于下划线）。我有<html <?php language_attributes(); ?>> 然后调用body标记上的body类函数：<body <?php body_class(); ?>> 看到这些主体添加了一个类=“我不能仅仅通过附加这两个函数来组合它们。我是否可以向language\\u attrubutes（）添加一个过滤器，以便它也附加body类？