需要CSS使用li：children在精灵菜单中设置current-menu-item

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{}