Html 在键盘上使用Tab键时展开子菜单

我有一个大菜单，我想让大家都能看到。我想在用户点击菜单时扩展mega菜单

当你点击菜单的时候，我可以看到它实际上是在关注子菜单项，但是大菜单没有打开

有人能帮我解决这个问题吗

当子项被聚焦时，我需要做些什么才能使超级菜单扩展

/*--基本样式--*/
html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
html，
身体{
字体大小：16px；
字体大小：正常；
填充：0；
保证金：0；
最大宽度：100%；
字体系列：arial；
&.移动菜单处于活动状态{
溢出：隐藏；
位置：固定；
}
}
a{
颜色：继承；
}
/*--标题样式--*/
标题{
宽度：100%；
背景：#3e6fcb；
}
/*--大菜单--*/
.大菜单{
背景：白色；
边框底部：4px实心#3e6fcb；
位置：绝对位置；
左：0；
右：0；
身高：0；
溢出：隐藏；
}
/*--菜单样式--*/
保险商实验室{
最大宽度：1170px；
宽度：100%；
保证金：0自动；
列表样式：无；
显示器：flex；
证明内容：之间的空间；
填充：0；
}
ulli{
颜色：白色；
a{
填充：2rem；
显示：块；
&：悬停{
+.大菜单{
高度：自动；
}
}
}
}
ulli ulli{
字体大小：粗体；
颜色：黑色；
}
ul{
显示器：flex；
调整内容：灵活启动；
}
ul ul ul ul{
显示：块；
}
ulli ul li ul li{
字体大小：正常；
颜色：黑色；
}

一些可能有帮助的事情：1.）将

选项卡index=“0”

添加到列表项/链接中。2.）添加带有javaScript的按键处理程序。是的，如果是tab，你会想链接它们的按键功能，然后添加打开菜单的类&聚焦在第一个菜单项上，然后在最后一个菜单项上，如果tab按下focus on next top=level项并关闭菜单。。。然后你也可以考虑上/下/左/右键的按键处理程序。你试过了吗？Copy？我试过了：只打开大菜单的焦点，但是当我再次标签时，父节点失去了对巨型菜单的关注。