css - 导航菜单中的嵌套 LI 未显示正确的背景颜色

Question

我有一个导航菜单，每个 LI 都有不同的背景底边框。然后我希望每个子菜单在悬停时包含该背景边框。问题是我根据列表项的数量分配背景颜色。这将转移到我不想要的子菜单。如果您看到，一些比主菜单具有更多 LI 的子菜单，它们在经过与主菜单相同的编号后具有正确的背景颜色。我希望这一切都有意义。

有人知道如何让每个子菜单有自己的背景悬停吗？

起点:http://jsfiddle.net/trevoray/BgMAj/

   .nav li:first-child + li:hover > a {
background: #0f2992;
color: white;
 }

Answer 1

只需添加 > a ID hover css:

#sub-members li:hover > a {}

Updated Fiddle