html - css 下拉菜单显示悬停时每个子元素上的图像

Question

我正在使用 WordPress 211 主题并开发我的自定义主题。该网站的现场演示可以在这里看到。在该站点中，您可以看到有两种类型的菜单。在左边，另一个在右边。在右侧菜单中，您可以看到有一个下拉菜单。当您将鼠标悬停在父菜单上时，下拉框会出现，但这有一个问题。当您将鼠标悬停在父菜单上时，可以看到下拉菜单，但右侧有箭头。所以在这里我希望当我将鼠标悬停在父菜单上时子菜单上不应该有箭头图像。有人可以告诉我该怎么做吗？我真的很了解这一点。

Answer 1

我认为您应该在 background-image: none; 之后添加 !important

#access #header-right-menu ul ul li a span {
    background-image: none !important;
}

Answer 2

定义你的孩子a span background-image:none;

添加这个CSS

#access #header-right-menu ul li:hover ul a span {
    background-image: none;
}