Html 悬停在按钮上时下拉菜单不工作

我一直在试图建立一个下拉菜单，但无法得到下拉显示当我悬停在按钮上。 我在一个网站上检查了css，它查找错误，但它说没有错误。 我也几乎完全遵循了W3schools下拉css章节，无法使其工作。 我已经调试了3天了。请帮忙。我我已经写了大约3个月了。 代码如下：

再次
身体{
保证金：0；
填充：0；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.dropbtn{
背景颜色：蓝色；
颜色：白色；
字体系列：arial；
填充：30px；
边界：无；
光标：指针；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景颜色：紫色；
颜色：黄色；
z指数：1；
最小宽度：160px；
}
.下拉内容a{
颜色：白色；
背景颜色：粉红色；
显示：块；
}
/*更改悬停时下拉链接的颜色*/
.下拉列表内容a：悬停{
背景颜色：蓝色；
}
/*悬停时显示下拉菜单*/
.dropdown：悬停.dropdown-content{
显示：块；
}
/*显示下拉内容时，更改下拉按钮的背景色*/
.容器：悬停.按钮{
背景色：黑色；
}
悬停

您的CSS规则有一个轻微的语法问题

.dropdown:hover.dropdown-content {
  display: block;
}

应改为

.dropdown:hover .dropdown-content {
  display: block;
}

注意

.dropdown:hover

和

.dropdown content

之间的空格

.dropdown content

是

.dropdown

容器的子元素，因此选择器应该是

。dropdown:hover.dropdown content

您应该使用

.dropdown:hover>.dropdown-content {
  display: block;
}

而不是

.dropdown:hover.dropdown-content {
  display: block;
}

---

这是密码笔上的

将

.dropdown:hover.dropdown content

更改为

。dropdown:hover.dropdown content

（注意空格）。标记为简单的印刷错误。@domdom，除非OP不知道two@Ezenhis从技术上讲是正确的，但即使这样，这个问题也没有未来的价值，我的评论应该足以让OP自己研究差异，因为有大量可用的信息（在SO以及其他地方）.我能问一下吗。。为什么会有反对票？如果答案“不有用”，则应使用否决票，而不是如果您个人认为答案应该在那里或没有人在insta downvoting此处所有答案都有否决票！？这个巨魔是谁。。让我找出一个低质量的问题（包括由于其性质，对未来读者没有实际价值的问题），应该关闭而不是回答。这也是我必须通过艰苦的方式学习的一课，但它实际上是有意义的。也许这也是OP。我看不出他在评论