Javascript 简单HTML/CSS下拉菜单导航栏不显示

我是编码领域的初学者，我在导航栏中制作了一个下拉菜单，但它没有显示出来，我实际上可以在几个像素上单击下拉菜单中的第一个链接，就好像它在那里，但有什么东西不被看到一样：

Css:

li a、.dropbtn
{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉：悬停.dropbtn
{
背景色：##4CAF50；
}
li.下拉列表
{
显示：内联块；
位置：相对位置；
}
.下拉内容
{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：200px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a
{
颜色：白色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容a：悬停
{
背景色：#111
}
.下拉：悬停.下拉内容
{
显示：块；
}

这是您的代码，我可以看到菜单，但您有白色文本的问题：）

li a、.dropbtn
{
显示：内联块；
/*颜色：白色*/
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉：悬停.dropbtn
{
背景色：#4CAF50；
}
li.下拉列表
{
显示：内联块；
位置：相对位置；
}
.下拉内容
{
显示：无；
位置：绝对位置；
背景色：#333；
最小宽度：200px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a
{
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容a：悬停
{
背景色：#111
}
.下拉：悬停.下拉内容
{
显示：块；
}

删除颜色并尝试清除inspect element>网络中的缓存和cookie

li a、.dropbtn
{
显示：内联块；
//颜色：白色；>将其移除
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}

试试这个：

    li a, .dropbtn 
    {
        /* color: white; */
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
    li {
        display: inline-block;
    }   

---

奇怪的是，我去掉了“color:white；”的颜色，但它仍然没有显示在我的浏览器中……你是否单击了这个蓝色按钮，上面写着“运行代码片段”，你肯定可以在那里看到它我知道，在我其余的代码中有什么我可以查找的吗？是的“它没有出现，但我知道它在那里。在剩下的代码中，我是否应该寻找其他东西，比如填充或边距？您是否已经清除了缓存？您使用的浏览器是什么？请尝试在li a、.dropbtn中将颜色更改为黑色