Html CSS子菜单显示在悬停状态，但在我尝试转到子菜单时消失

大家好，我有这样的菜单：

正如你所看到的，我在一个子菜单中有一个子菜单，现在当我将鼠标悬停在“面对面”上时，我的子菜单出现了，但当我试图转到子菜单时，子菜单消失了，我该如何解决这个问题？这是我的CSS：

li.menu-in-person-ul.dropdown-menu{
显示：无！重要；
}
li.亲自菜单：悬停ul.下拉菜单，
li.menu-in-person ul.下拉菜单：悬停{
显示：块！重要；
}
.navbar.navbar nav li:最后一个孩子。下拉菜单{
右：-174px；
左：自动；
顶部：0px；
}

请问您为什么将显示屏设为无

{显示：无！重要；}

顺便说一句，我只是假设代码应该是这样的

---

{display:block！important；}

这就是您想要实现的目标吗

ul.sub菜单，ul.sub下拉菜单{
显示：无！重要；
}
li.菜单服务：悬停ul.子菜单，
li.菜单服务：聚焦ul.子菜单{
显示：块！重要；
}
li.亲自菜单：悬停ul.子下拉菜单，
li.亲自菜单：聚焦ul.sub下拉菜单{
显示：块！重要；
}
.navbar.navbar nav li:最后一个孩子。下拉菜单{
右：-174px；
左：自动；
顶部：0px；
}

我不知道你的确切意思，但这是我网站上的一个片段。这就是你要找的吗

身体{
背景：url(https://res.cloudinary.com/calvinhaworth/image/upload/v1552847132/darkgreybackgroundwebsite.jpg);
身高：100%；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
部门主管{
文本对齐：居中；
}
.徽标：悬停{
-webkit过滤器：模糊（2px）；/*Safari 6.0-9.0*/
过滤器：模糊（2px）；
}
部门主管{
文本对齐：居中；
}
林克利特先生{
字体系列：“IBM Plex Serif”，Serif；
背景色：黑色；
颜色：浅绿色；
边框：山脊10px黑色；
最高利润率：25；
}
.linkright:悬停{
字体系列：“IBM Plex Serif”，Serif；
颜色：黑色；
背景色：白色；
边框：10px脊紫；
最高利润率：25；
}
.linkinside{
颜色：蓝色；
}
.linkinside:悬停{
颜色：黑色；
}
.包装纸{
字体系列：“IBM Plex Serif”，Serif；
边框：5px脊黑色；
边界半径：25px；
填充：20px；
左边距：100px；
右边距：100px；
背景色：rgb（234234）；
}
.dropbtn{
字体系列：“IBM Plex Serif”，Serif；
边缘顶部：15px；
背景色：黑色；
颜色：浅绿色；
字体大小：16px；
边框：10px脊黑色；
边界半径：10px；
光标：指针；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：黑色；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
边框：10px脊黑色；
边界半径：10px；
}
.下拉内容a{
颜色：浅绿色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉列表内容a：悬停{
颜色：黑色；
背景颜色：白色
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：白色；
}
.关于{
字体系列：“IBM Plex Sans Condensed”，无衬线；
}
.棍子{
职位：-网络工具包粘性；
位置：粘性；
排名：0；
}
额外链接（鼠标悬停）

当您亲自将鼠标缓慢地从移动到那里的子菜单时，该问题可以在您的实时站点上重现。由于

下拉菜单上的
填充：5px 5px 5px
CSS，子菜单消失。跟随我的CSS更新，我希望它能帮助你。谢谢

更改
填充：5px 5px 5px 5px！重要信息
至
填充：0！重要信息
在您的
样式中的行号1205上。css

.navbar .navbar-nav .dropdown-menu {
    background-color: rgba(0,0,0,0.7) !important;
    padding: 0 !important;
}

.navbar .navbar-nav li:last-child .dropdown-menu {
  right: -160px;
  left: auto;
  top: 0px;
}

.navbar .navbar-nav .dropdown-menu li a {
    font-size:13px;
    text-align:left;
    padding: 12px 20px;
    color:#c8c8c8;
}

更改<代码>右侧：-174px至<代码>右侧：-160pxstyle.css中的行号35上进行编码

.navbar .navbar-nav .dropdown-menu {
    background-color: rgba(0,0,0,0.7) !important;
    padding: 0 !important;
}

.navbar .navbar-nav li:last-child .dropdown-menu {
  right: -160px;
  left: auto;
  top: 0px;
}

.navbar .navbar-nav .dropdown-menu li a {
    font-size:13px;
    text-align:left;
    padding: 12px 20px;
    color:#c8c8c8;
}

更改
填充：8px 20px到
填充：12px 20pxresponsive.css中的行号223上的code>

.navbar .navbar-nav .dropdown-menu {
    background-color: rgba(0,0,0,0.7) !important;
    padding: 0 !important;
}

.navbar .navbar-nav li:last-child .dropdown-menu {
  right: -160px;
  left: auto;
  top: 0px;
}

.navbar .navbar-nav .dropdown-menu li a {
    font-size:13px;
    text-align:left;
    padding: 12px 20px;
    color:#c8c8c8;
}

当我将代码放入代码笔时，代码似乎对我有效：在我的网站上根本不起作用，meDM me上的吸盘消失了，我将向您显示链接。我已经创建了一个代码片段。你能告诉我什么是错的好吧，当我在服务上悬停时，会出现一个下拉列表，一切都好，然后我亲自去悬停，我的第二个下拉列表会出现，一切都好，当我尝试将鼠标放在第二个下拉菜单中的任何内容上时，第二个下拉菜单立即消失，我无法访问它。我使用“无显示”是因为我不想在子菜单中显示子菜单，直到我将鼠标悬停在链接上。几乎，但是我不想显示子菜单（课程和公司健康）直到我将鼠标悬停在Person上时才显示刚刚尝试了此操作，它不起作用，您的代码当前已应用于该站点。它在live站点上运行良好，请更改
右侧：-169px至<代码>右侧：-160px
在您的
style.css中的第35行