我有一个导航菜单，每个LI都有不同的背景底部边框。然后我希望每个子菜单在悬停时包含该背景边框。问题是我根据listItem的数量分配背景颜色。这是继续我不想要的子菜单。如果你看到一些子菜单中的LI比主菜单多，那么它们在经过与主菜单相同的数字后就会有正确的背景颜色。我希望这一切都有道理。
任何人都知道如何让每个子菜单都有自己的背景悬停？
起点：http://jsfiddle.net/trevoray/BgMAj/
.nav li:first-child + li:hover > a {
background: #0f2992;
color: white;
}