html - css下拉菜单在悬停时未在顶层显示图像

Question

我的菜单是这样的。但在这里我没有使用箭头按钮。在那个菜单中，我在顶层使用了一个箭头。当您将鼠标悬停在该菜单上时，它正在改变颜色。但是当我将鼠标悬停在子菜单上时，箭头在顶层不可见。在这里，我附上了菜单的屏幕截图。这是现场演示

在此图像中，您可以看到有箭头图像。这是菜单的正常状态。

这是顶部菜单的悬停状态。您可以看到顶部箭头图像颜色已更改

这是子菜单的悬停状态。在这里，您可以在顶层看到顶部菜单中没有箭头。我想要悬停状态箭头图像在此处的顶部菜单中。

Answer 1

您应该将以下 css-selector 更改#access #header-right-menu ul li a:hover > span {为#access #header-right-menu ul li:hover a > span {

Answer 2

css 选择器应该是#access #header-right-menu .menu > .menu-item:hover > a > span