Html ：hover未将完整背景应用于li

“我的导航”有下拉列表，其中有一个包裹项目的标签。我希望在将鼠标悬停在整个li上时应用悬停背景色。现在它只适用于li，当我离开文本时，它是另一种背景色

住在这里：

我是在菜谱下工作的，如果你在洒水下看，这就是它应该如何工作的，我还没有用a标签包装任何东西

---

非常感谢您的任何见解。

样式表中的一种样式是

.nav ul li ul li a {
    background: #6ac4c2;
    display: block;
    color: #fff;
    text-decoration: none;
}

这就是你的问题；由于a有自己的背景色，并且a是li的子对象，所以更改li的背景色不会影响a的背景色

实际上，您只希望li样式决定菜单项的背景颜色，因此只需从样式声明中删除background属性即可。这样，a的背景将由父级li决定，您的菜单应该按照您希望的方式工作