Html Ul不消失，请告知

在下面的代码中，我试图练习一个下拉菜单。我希望每当我将鼠标悬停在“Second”上时，“Third”出现在“Second”的下方。为此，我使用了著名的

ulli:hover>ul{display:block；}

技术，但它似乎不起作用。“第三个”是永久隐藏的，悬停时不会弹出。有人能告诉我哪里错了吗

代码：

正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
ulli{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
ul{
显示：无；
}
ul li：悬停>ul{
显示：块；
}

首先
第二

第三

你的第二个

ul

应该在

li

里面才能工作

正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
列表样式：无；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
.nav>li{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
位置：相对位置；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
美国海军{
位置：绝对位置；
文本对齐：左对齐；
填充：0 10px；
显示：无；
宽度：150px；
最高：100%；
左：0；
}
ul li:hover>ul{display:block；}

首先
第二

第三

你的第二个

ul

应该在

li

里面才能工作

正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
列表样式：无；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
.nav>li{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
位置：相对位置；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
美国海军{
位置：绝对位置；
文本对齐：左对齐；
填充：0 10px；
显示：无；
宽度：150px；
最高：100%；
左：0；
}
ul li:hover>ul{display:block；}

首先
第二

第三

您的HTML无效，因为

ul>ul

无效。将您的内部

ul

移动到

秒的
li
：


正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
ulli{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
ul{
显示：无；
}
ul li：悬停>ul{
显示：块；
}

首先
第二

第三


您的HTML无效，因为
ul>ul
无效。将您的内部
ul
移动到
秒的
li
：


正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
ulli{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
ul{
显示：无；
}
ul li：悬停>ul{
显示：块；
}

首先
第二

第三


您的
下拉菜单应该是
li的
子菜单
，因此您的html必须如下所示


正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
ulli{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
ul{
显示：无；
}
ul li:hover>ul{display:block；}

首先

第二

第三


您的
下拉菜单应该是
li的
子菜单
，因此您的html必须如下所示


正文{
身高：100%；
宽度：100%；
}
保险商实验室{
背景色：rgba（0,0,0,1）；
颜色：rgba（255,0,0,1）；
/*[禁用]显示：内联块*/
文本对齐：居中；
高度：自动；
位置：相对位置；
宽度：50%；
右边距：自动；
左边距：自动；
}
ulli{
显示：内联块；
边框：1px实心#000；
列表样式类型：无；
文本对齐：居中；
右边距：10px；
左边距：10px；
}
ul{
显示：无；
}
ul li:hover>ul{display:block；}

首先

第二

第三



ul{
宽度：294px；
高度：50px；
左侧填充：0；
保证金：0；
背景:#中交;；
}
ul>li{
列表样式：无；
显示：内联；
填充：13px 19px；
字体大小：24px；
浮动：左；
}
ul>li>ul{
利润率：10px-10px；
左侧填充：0；
宽度：自动；
高度：55px；
可见性：隐藏；
}
ul>li>ul>li{
显示：块；
列表样式类型：无；
}
ul>li：悬停ul{
可见度