怎么左边图标移动上去对应不了相应的图标的？

就是左边内科外科儿科前面那个小图标，鼠标移上去之后不会变成对应的图标图案，代码太多，粘贴了一部分，就是设置这一部分的时候，鼠标移动效果没有出来 .ui-menu-item-department:before{ content: " "; display: block; width: 22px; height: 22px; position: absolute; left: 0; top: 1px; background: url(../img/icon-menu.jpg) -22px 0 no-repeat; } .ui-menu-item:nth-child(2) .ui-menu-item-department:before{ background-position-y: -22px; } .ui-menu-item:nth-child(3) .ui-menu-item-department:before{ background-position-y: -44px; } .ui-menu-item:nth-child(4) .ui-menu-item-department:before{ background-position-y: -66px; } .ui-menu-item:hover .ui-menu-item-department:before{ background-position: 0 0; /*background-position-x: 0;/*另一种写法*/*/ }

你之给老师css代码，这些类名老师怎么知道你哪个设置的什么样式呢？让老师去猜吗？这是作业吗？如果你觉得代码太多了，那就直接提交代码吧，在作业中标注出自己的疑问，批作业的老师也会为你详细查看，并给出修改建议和思路。祝学习愉快！

不是作业，算了我自己问人