html - ホバー時にすべての子要素の画像を表示する css ドロップダウン メニュー

Question

私はWordPressのtwentyelevenテーマを使用しており、カスタムテーマを開発しています. サイトのライブ デモは、ここで見ることができます。そのサイトでは、2 種類のメニューがあることがわかります。左側と右側にもう 1 つ。右側のメニューにドロップダウン メニューがあることがわかります。ここで、親メニューにカーソルを合わせると、ドロップダウン ボックスが表示されますが、これには 1 つの問題があります。親メニューにカーソルを合わせると、ドロップダウン メニューが表示されますが、右側に矢印が表示されます。したがって、ここでは、親メニューにカーソルを合わせるときに、サブ メニューに矢印の画像が表示されないようにします。誰かがこれを行う方法を教えてもらえますか? 私はこの点で本当にストックされています。

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