Question

我的导航有下拉列表，其中有一个标记包装项目。当我将鼠标悬停在整个li上时，我想要应用悬停背景颜色。现在它只适用于li，当我移开文本时，它是另一种背景颜色。

我正在“食谱”下工作，如果你看下它应该如何工作（我还没有包装在标签中）。

感谢任何见解。

Answer 1

样式表中的一种样式是

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

这是你的问题;由于a有自己的背景颜色，并且a是li的子项，因此更改li的背景颜色不会影响a的背景色。

您真的只希望li样式确定菜单项的背景颜色，所以只需从该样式声明中删除background属性。这样， a的背景将由父li决定，您的菜单应按您希望的方式工作