需要CSS来使用li来设置精灵菜单中的当前菜单项：children

Question

在这个精灵菜单中有7个菜单项。是否可以使用CSS将悬停图像分配给WordPress网站中的当前菜单项？ CSS的第四子菜单项的

例子：

#second-menu li:first-child + li + li + li a{ background: url(images/kmdd_menu2.png) no-repeat -269px 0px; display:block; height:110px; width:91px; margin-right: 40px; text-indent: -9999px;} 

#second-menu li:first-child + li + li + li a:hover { background: url(images/kmdd_menu2.png) no-repeat -269px -111px; display:block; height:110px; width:91px; margin-right: 40px; text-indent: -9999px;} 

尝试这样：second-menu li.current-menu-item:first-child + li + li + li a { 无济于事。

Answer 1

这将瞄准在子菜单中的第四个菜单项

ul#second-menu>li.current-menu-item>ul>li:nth-child(4) a:hover{}