各 LI の背景の下の境界線が異なるナビゲーション メニューがあります。次に、ホバー時に各サブメニューにその背景の境界線を含めたいと思います。問題は、listItems の数に基づいて背景色を割り当てていることです。そして、これはサブメニューに引き継がれていますが、これは望ましくありません。ご覧のとおり、メイン メニューよりも多くの LI を持つサブメニューのいくつかは、メイン メニューと同じ数を通過した後、正しい背景色になります。これがすべて理にかなっていることを願っています。
各サブメニューに独自の背景ホバーを持たせる方法を知っている人はいますか?
出発点: http://jsfiddle.net/trevoray/BgMAj/
.nav li:first-child + li:hover > a {
background: #0f2992;
color: white;
}