Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS在鼠标位于子菜单上方时保持顶级导航悬停效果_Css_Navigation_Nav - Fatal编程技术网

使用CSS在鼠标位于子菜单上方时保持顶级导航悬停效果

使用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应用悬停效果,但是有一些转换让我感到困惑。我想不出来。有人能告诉我在哪里需要调整吗


您需要将
:悬停
效果应用于li,并将CSS应用于直接
子级。将悬停应用于
a
将不起作用,因为顶级链接的子菜单不在
a
元素中

ul#navigation .topNav:hover > a {
    color:#acb453;
    padding-top:0;
    padding-bottom:10px;
    border-bottom: 6px solid #4dbaf2;
}