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