Jquery 在菜单中导航时尝试保持CSS转换

当我不悬停我的元素时，它会一直返回到它的标准位置，但当我在菜单“sousmenu”中导航时，我希望它保持不变，当我不悬停“sousmenu”时，它会一直返回到它的原始位置。我不太习惯为jquery创建自定义脚本，所以在这种情况下我有点不知所措。谢谢你的帮助

.line菜单{
z指数：10；
显示：列表项；
背景色：#b6a083；
高度：1px；
宽度：30px；
字号：1px；
填充：1px；
颜色：白色；
右边距：5px；
左边距：15px；
边缘顶部：10px；
不透明度：.7；
}
.课堂菜单{
位置：相对位置；
z指数：10；
显示：块；
边缘顶部：50px；
左边距：30px；
}
.class菜单：悬停>.elem一{
动画：滞后0.2s；
-webkit动画填充模式：正向；
动画填充模式：正向；
}
@关键帧延迟{
0% {
变换：旋转（0）；
}
100% {
-webkit转换：translate3d（0,100%，0）；
转化：translateY（13px）；
}
}
.class菜单：悬停>.elem三{
动画：滞后0.2s；
-webkit动画填充模式：正向；
-moz动画填充模式：正向；
动画填充模式：正向；
}
@关键帧延迟{
0% {
变换：旋转（0）；
}
100% {
-webkit转换：translate3d（0,100%，0）；
transform:translateY（-13px）；
}
}
#菜单{
/*高度：21px*/
列表样式类型：无；
保证金：0；
填充：0；
边界：0；
位置：绝对位置；
}
#菜单LIA:悬停{背景色：无；}
#菜单LIA:活动{背景色：#FFF；}
#菜单，sousMenu{
位置：绝对位置；
顶部：0px；
z指数：1；
显示：无；
列表样式类型：无；
保证金：1px；
线高：1.8；
字号：1.5em；
字体系列：DidotBoldItalic；
背景色：rgba（255255,0.9）；
/*不透明度：0.5*/
宽度：290px；
高度：690px；
左侧填充：50px；
填充顶部：110px；
边界：0；
}
#菜单，苏斯穆努里{
浮动：无；
保证金：0；
填充：0；
边界：0；
}
#菜单。菜单a：链接，#菜单。菜单a：已访问{
显示：块；
颜色：黑色；
字体系列：“Futura_light”；
保证金：0；
边界：0；
文字装饰：无；
}
#菜单。sousMenu li a:悬停{
背景图像：无；
颜色：#b6a083；
}
#菜单li:hover>.sousMenu{
显示：块；
}

因此，如果您不想使用自定义jquery代码，只需将所有出现的

.class菜单：hover

更改为

li:hover.class菜单

然后，只要您的

li

对象悬停，

class菜单

就会在任何时候更改，并且由于菜单是

li

的一部分，因此即使将鼠标悬停在菜单中的其他位置，您也会将鼠标停留在该菜单上