当我悬停在子菜单项上时,我想让我的顶级导航保持悬停状态。我读到我应该将悬停效果应用于 li,但是有一些过渡让我感到困惑。我想不通。谁能告诉我哪里需要调整?
最佳答案
您将要将 :hover
效果应用于 li 并将 CSS 应用于直接 a
子级。将悬停应用于 a
将不起作用,因为顶级链接的子菜单不在 a
元素中。
ul#navigation .topNav:hover > a {
color:#acb453;
padding-top:0;
padding-bottom:10px;
border-bottom: 6px solid #4dbaf2;
}
关于css - 使用 CSS 在鼠标悬停在子菜单上时保持顶级导航悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11917108/