创建下拉菜单时的CSS字体颜色+；悬停菜单

例如，我正在尝试制作一个漂亮的CSS菜单。（该域只是一个沙箱，而不是我打算使用设计页面的实际网站！）

正如您可能看到的，顶部有一个CSS菜单。当您将鼠标悬停在其中一个部分上时，它会很好地落下，但子菜单文本保持黑色，而不是我想要的#CCC（灰色）颜色-出于美观原因，我需要黑色作为悬停字体的颜色。我在Google Chrome（F12）的Inspector部分查看了当前的CSS样式，该部分的#CCC部分已经被划掉。据我所知，这意味着它被过度掩盖了，但我不知道

---

如果有人在他们的浏览器中有类似的代码功能，如果您能检查一下，我将非常感激。我自己做的菜单，所以我想我可以编码，但我就是不明白是什么让字体颜色过浓。。我认为这是新的_menu _style.css文件的第73行。

您应该尝试将此添加到css中：

.menu ul li:hover ul li a {
    color: #ccc;
}
.menu ul li:hover ul li a:hover {
    color: black;
}

---

.menu ul li:hover a

的权重高于另一个，覆盖了它。

首先：对代码样式做些改变。适当的缩进有助于提高可读性：

因此，这里有一个解决方案：将其添加到css中，因为它们覆盖了

。菜单ul li:hover a

.menu ul li:hover ul a {
    color:#ccc
}
.menu ul li:hover ul li:hover a {
    color:#000
}