css - WP Twentyseventeen 菜单颜色更改不起作用

Question

通过将以下几行添加到 childtheme style.css样式表，我几乎成功地更改了 WordPress 的 TwentySeventeen 主题中的默认白色文本和灰色背景菜单颜色。

菜单截图

但是，当我将鼠标移开子菜单中的任何给定选择时，菜单仍然非常简短地显示默认菜单颜色。当谈到 CSS 时，我是个 hack，我花了好几个小时试图在网上找到解决方案。有什么建议么？非常感谢。

/*Change Drop Down Menu and Sub-Menu Hover and Text Color */

.menu a:hover,
.menu li:hover>a {
  background-color: rgb(220, 225, 200) !important;
  /* light green */
  color: #000000 !important;
}

Answer 1

似乎是这样，因为有 2 个背景，一个在li

第二个a

灰色背景在li所以你只需要“重置”它

.main-navigation li li:hover,
.main-navigation li li.focus {
  background: none;
}