wordpress - 需要 CSS 使用 li:children 在 sprite 菜单中设置 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{}