菜单悬停颜色答案

【问题标题】：Menu hover off color菜单悬停颜色
【发布时间】：2020-07-01 17:09:50
【问题描述】：

当光标位于子菜单中时，努力找出主菜单悬停颜色的 CSS 类。通常的 a: 和 a:hover 什么都不做。

菜单的较浅颜色需要更改为较深的颜色。在一天中的这个时候，它是不可读的浅色current view。

【问题讨论】：

【解决方案1】：

你好（对不起我的英语），你的颜色规则在第 754 行，颜色规则的整个东西看起来像这样。

html.colibri-wp-theme #colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a {
font-family: Tinos;
font-weight: 500;
text-transform: initial;
font-size: 18pt;
line-height: 1em;
letter-spacing: 0px;
color: #506ef2;

}

由于某种原因，悬停颜色位于其他 css 文件中，但提示使用 Web 浏览器上的检查器，我使用它并找到了非悬停类。

【讨论】：

这并不能解决问题。颜色：#506ef2；是不同的颜色。尝试过代码检查器并尝试将“颜色”的每个实例更改为不同的实例。还尝试了 Wordpress 自定义 CSS 中的自定义 CSS 规则。通常这样，我可以覆盖任何 CSS 规则。这次不行。颜色保持不变。似乎它在比我的知识更深的地方硬连线。我唯一可以改变的是菜单文本下方的下划线颜色。
它对我有用。我想我改变了一些我现在没有想到的东西，但这对我来说真的很棒。

【解决方案2】：

以这种方式与 :after & :focus 与代码一起使用。

 html.colibri-wp-theme #colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a:hover, html.colibri-wp-theme #colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a:after, html.colibri-wp-theme #colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a:focus{
        color: #4e85fc;
    }

让我知道一次就OK了。我想帮你解决这个问题。

【讨论】：

你好。感谢您的意见，但不幸的是，这不起作用。