css - スタイリング サブメニュー CSS

Question

wordpress メニューのサブメニューのスタイルを設定しようとしています

http://www.milknny.co.uk/SofiaWork/

私は試した .headermenu ul ul

など...そしてうまくいきませんでした。誰かが正しいクラス構造を提案できますか?

私はすでに試しました

.headermenu ul li ul liまた

ありがとう

Answer 1

あなたulの はid属性を持っています。css で使用しない理由:
#menu-header-menu- トップレベルのメニューだと思います。
#menu-header-menu .sub-menu- トップレベル メニューのすべてのサブメニューをターゲットにします。

Answer 2

何をカスタマイズしようとしているのかわかりませんが、アンカー テキストにも背景があり、スタイリングに役立たないため、これを削除すると、リスト アイテムのスタイルを改善するのに役立ちます。

#headermenu ul ul li a {
background: none;
}

#headermenu ul ul li a:hover, ul.headermenu ul ul li:hover {
background: none;
}

次に使用します：

#headermenu ul ul li {
background: red ;
}

と：

#headermenu ul ul li:hover {
background: yellow;
}