使用CSS在鼠标位于子菜单上方时保持顶级导航悬停效果
当我在子菜单项上悬停时,我想使顶级导航保持悬停状态。我读到我应该对li应用悬停效果,但是有一些转换让我感到困惑。我想不出来。有人能告诉我在哪里需要调整吗使用CSS在鼠标位于子菜单上方时保持顶级导航悬停效果,css,navigation,nav,Css,Navigation,Nav,当我在子菜单项上悬停时,我想使顶级导航保持悬停状态。我读到我应该对li应用悬停效果,但是有一些转换让我感到困惑。我想不出来。有人能告诉我在哪里需要调整吗 您需要将:悬停效果应用于li,并将CSS应用于直接子级。将悬停应用于a将不起作用,因为顶级链接的子菜单不在a元素中 ul#navigation .topNav:hover > a { color:#acb453; padding-top:0; padding-bottom:10px; border-bott
您需要将
:悬停效果应用于li,并将CSS应用于直接子级。将悬停应用于a
将不起作用,因为顶级链接的子菜单不在a
元素中
ul#navigation .topNav:hover > a {
color:#acb453;
padding-top:0;
padding-bottom:10px;
border-bottom: 6px solid #4dbaf2;
}