Html CSS悬停在导航栏上不起作用

嘿，伙计们，这是我为老板设计的网站上的第二个问题。我试着让它，如果用户悬停在“四色胶印”上，div ID的背景将变为另一种背景色。（蓝色示例）。我尝试过添加#4#颜色#胶印：悬停看看这是否只会改变背景颜色。这通常是可行的，但在这个导航栏上它似乎不起作用。现在，默认背景为绿色。我想让它在我悬停的时候变成蓝色。我正试图将这种影响应用到每个环节，但如果我能让其中一个发挥作用，我就能找出其余的环节

导航栏的旧样式为灰色，带有蓝色链接悬停效果。设计该站点的最后一位开发人员决定使用内联CSS。我不喜欢内联，但即使我尝试简单地将他的内联代码复制并粘贴到main.css，它也不会生效。我不知道为什么会这样。如果有人有什么建议那就太好了

这是我的

客户服务：（949）215-9060

需要添加到“导航”链接li a:hover类

#nav_links li a:hover
{
    background-color: blue;
}

---

元素ID不能以数字开头，只有类可以。从“4色胶印”中删除4色，这样您就有了“颜色胶印”的ID，这样您就可以在CSS中将其作为目标

如果您确实不想更改您的ID，您可以将以以下数字开头的ID作为目标：

[id='4_color_offset_printing'] {
background: blue;
}

---

但我不建议使用它，它可能不适合所有浏览器。最好用正确的方式做事，不要用数字来开始你的ID。

Ahh。这就是为什么上一个开发人员使用内联样式在开始时使用数字来设置样式的原因。他肯定不知道这一点，并将内联作为一种变通方法。非常感谢。

[id='4_color_offset_printing'] {
background: blue;
}