Question

伙计们所以我正在为一个wordpress主题的导航菜单工作，但我有一些问题。

当我移动到出现的辅助菜单时，我需要做的是让主菜单上的底部边框（下划线）悬停效果和 留在那里 。然后在辅助菜单链接上，不应加下划线。

使用'普通'网站我没有遇到任何问题，但由于我在wordpress中动态分配菜单链接（并且只使用一个类用于整个导航），我在这里遇到了一些麻烦。这是代码：

<nav class="bordermenu">
            <?php
            $args = array(
                'theme_location' => 'primary'
            );  
            ?>
            <?php wp_nav_menu(  $args ); ?>
        </nav>



    .bordermenu ul li a{
    font-size: 18px;
    margin-bottom: 50px;
    padding-bottom: 5px;
-webkit-transition: .1s all linear;
-moz-transition: .1s all linear;
-o-transition: .1s all linear;
transition: .1s all linear;
}


.bordermenu ul li a:hover{
    border-bottom: 3px solid rgba(255,255,255,1);

你会怎么做？非常感谢

Answer 1

添加：

.menu-menu-container ul li > ul li:hover 
{
    border: 0;
}

.menu li:hover 
{
    border-bottom: 3px solid #fff;
}

卸下：

.bordermenu ul li a:hover
{
    border-bottom: 3px solid rgba(255,255,255,1);
}

上面的样式表应该可行。它只会从子菜单链接中删除下划线

修改超链接CSS的鼠标悬停效果

1 个答案: