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

Question

通过将以下行添加到子主题 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;
}