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

Question

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

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;
}