Html 在网页中设置下拉列表，但不使用php

我试图使用悬停属性进行下拉，但我不明白 未定义lab1、Lab2、Lab3、lab4、Lab5时如何使用

我知道如何使用悬停属性，但对于多个ul和li，我很难获得它

下拉列表不会下降。我的所有其他css属性都很好，我只需要下拉属性的帮助。有什么想法吗

正文{
字体：1.2em Verdana，无衬线；
背景色：仿古白色；
}
#标题，
#页脚{
背景色：#aaa；
填充：0.5em；
}
#内容h1{
文本对齐：居中；
}
#包装纸{
//背景色：hsl（200，75%，40%）；
}
#内容{
左侧边界：8em实心hsl（200,75%，40%）；
填充：1em；
背景色：hsl（200,75,60%）；
框大小：边框框；
}
#左导航{
浮动：左；
宽度：8em；
框大小：边框框；
}
#左导航{
列表样式类型：无；
左侧填充：0px；
左边距：0px；
}
#左导航李{
颜色：白色；
背景色：hsl（200，75%，30%）；
填充物：0.2em 0.5em；
边框：纯白；
边框宽度：1px0；
}
#leftnav li：最后一个孩子{
边框底部：无；
}
#leftnav li：第一个孩子{
边界顶部：无；
}
#左导航李：悬停{
文字装饰：红色；
颜色：红色；
字体大小：粗体；
文本转换：大写；
字体大小：20px；
背景色：白色；
}

实验一




实验2







实验三







实验四







实验五

您可以使用选择标记。例如：

沃尔沃汽车
萨博
梅赛德斯
奥迪

元素用于创建下拉列表

元素内的

标记定义列表中的可用选项

---

代码取自：

如果我理解正确，您正在制作一个导航栏，并尝试在人们悬停父元素时放置子元素的下拉列表？ul-li-ul的概念是，当您将鼠标悬停在li元素上时，结果ul将出现，因此您实际上不需要定义哪个实验室将打开哪个实验室

#nav li ul{
显示：无；
}
#导航李：悬停>ul{
显示：块；
位置：绝对位置；
左边距：50像素；
}

如果需要下拉列表，为什么不使用

选择
标记？也添加相关css。选择标记？我怎么能用它呢。有什么例子吗？carl janHey Abhishek。我也附上了css文件。@S.agnihotri，请您更具体一点。你说的“下拉菜单”是什么意思？您的内容的哪一部分是“下拉列表”？“不下来”是什么意思？你在寻找一个传统的菜单，其中第二个ul是隐藏的，直到你停留在第一个ul的li上？好吧！这是一个很好的信息。谢谢，谢谢。但我尝试使用css来保持身体内容的真实性is@S.agnihotri这就是我使用
select
标记的意思。但你似乎不喜欢it@CarlJan我真的很感谢你的帮助。我是新手。很少的实验是可以接受的。我现在要写选择题。谢谢