css - 似乎无法更改 CSS 子菜单代码？

Question

您好，我需要帮助来尝试更改子导航颜色悬停。我试过编写代码，但它只会改变颜色或完整的导航。

当我在我的 CSS 中更改它时，它只会更改背景颜色而不是悬停，然后当我尝试更改悬停时，它会针对完整的标题菜单和子导航进行更改。我只想更改子导航的悬停。

header li > a:hover{
color:#888888;
}

header li > a #active{
color:#888888;
}

header li ul{
overflow: hidden; display: none; background: #f9f9f9; z-index:20;
}

header li ul li a{
line-height:50px;
padding-left:30px; 
width:260px;
}

header li:hover ul{
position: absolute; padding: 0; display: block; width: 200px;
}

Answer 1

不清楚你的问题。你想在悬停时更改子菜单颜色吗

 header li > ul > li > a:hover {background:red}