Html 看不到下拉菜单的元素ü；

我创建了一个导航栏。现在我想把这个条扩展到下拉菜单menü。 这里有一个

如果我将鼠标悬停在最后一个元素上，我看不到下拉菜单栏（

class=“dropdown\u ul”

），如果我使用“检查元素”，我会看到css更改了

下拉菜单的显示，但我看不到/找不到它


.float\u左{
浮动：左；
}
.你是对的{
浮动：对；
}
.两清{
明确：两者皆有；
}
* {
边际：0px；
填充：0px；
字体系列：“奥斯瓦尔德”，无衬线；
}
身体{
背景色：#E2DCDC；
}
导航{
宽度：994px；
背景色：#77BCF1；
边框：3倍纯白；
利润率：45px自动；
颜色：黑色；
}
导航>导航栏{
列表样式类型：无；
宽度：100%；
字体大小：0px；
}
导航>导航栏标题{
宽度：100%；
文本对齐：居中；
}
.navigationbar_li{
显示：内联块；
}
.导航栏左{
右边框：3倍纯白；
}
.导航栏右{
边界权：无；
左边框：3倍纯白；
}
.navigationbar_li:最后一个孩子{
右边距：0px；
}
.navigationbar\u li>.navigationbar\u a{
颜色：黑色；
字体大小：16px；
显示：块；
填充：10px 15px；
文字装饰：无；
过渡：背景色0.2s缓进缓出0s；
}
.navigationbar\u li>.navigationbar\u a:悬停{
背景色：白色；
}
.下拉列表{
位置：绝对位置；
顶部：0px；
左：0；
宽度：150px；
可见性：隐藏；
显示：无；
}
.下拉列表{
显示：块；
}
.navigationbar_li:悬停。下拉菜单{
显示：块；
不透明度：1；
能见度：可见；
}






链接1



这是因为您在此处指定了字体大小0

nav > .navigationbar_ul {
 font-size: 0px;
}

将
0px
更改为即
14px
，您将看到文本。
编辑

将
.navigationbar\u li:悬停。下拉菜单\u ul
更改为：

.navigationbar_li:hover .dropdown_ul {
    display: block !important;
    opacity: 1;
    visibility: visible !important;
}

您需要添加
！重要信息
以覆盖以前的
显示：无
和
可见性：隐藏

顺便说一下，当声明
display:none

希望这有帮助
 你必须做三件事

从语义上讲，在ul后面加div而不是li是错误的。因此，删除
.float\u left
和
.float\u left
divs，并将此类添加到li本身

添加
位置：相对
到
.navigationbar\u li\u right
以便绝对定位
.dropdown\u ul
将按照您的要求，像下拉菜单一样右下显示

当您将鼠标悬停在
上时，增加
字体大小
。导航栏右键

@NiravZaveri:编辑了我的答案-应该可以了，只是添加了一些
！重要信息
覆盖感谢您的回答！我以为它只在类
导航栏上，而不是子元素上。谢谢你的回答！非常好^^&感谢您在
ul