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

Question

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

Answer 1

定义你的 child 一个span background-image:none;

添加这个css

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