更改菜单项鼠标悬停时标题底部边框的颜色

Question

当我浏览菜单项语音时，需要更改页眉底部的边框底部颜色。

我尝试了找到的脚本，但是无法正确修改它。请帮我。这是我尝试使用的代码，但我不知道如何正确编写该类。

jQuery (document).ready(function(){
jQuery ( "nav.main_menu > ul > li > a" )
.mouseenter(function() {
jQuery (".header_bottom").css("border-bottom","4px solid #d1007e;");
})
.mouseleave(function() {
jQuery (".header_bottom").css("border-bottom","4px solid #1d1d1b;");
});
});

当我浏览每个菜单语音时，我希望标题底部边框的颜色从＃1d1d1b变为＃d1007e。

Answer 1

在CSS中尝试。

.class_name:hover{
   border-bottom:4px solid #d1007e;
}

Answer 2

从CSS属性值中删除分号（;）。

$(document).ready(function(){
    $( "nav.main_menu > ul > li > a" ).on('mouseenter',function() {
        $(".header_bottom").css('border-bottom','4px solid #d1007e');
    }).on('mouseleave',function() {
        $(".header_bottom").css("border-bottom","4px solid #1d1d1b");
    });
});