关于使用jquery修改hover伪标签的样式

时间:2023-03-08 22:22:45

HTML如下:

<div class=".nav-subitem">

    <div classs="nav-subitem-link">标题
    </div>
</div>

css如下:

.nav-subitem:hover .nav-subitem-link{
color:cyan; } .nav-subitem-link{
color:black;
}

jq如下:

$('.nav-subitem').hover(function(){
    $(this).find('.nav-subitem-link').css("color","#066BAF");
}, function(){
    $(this).find('.nav-subitem-link').css("color","black");
})

则可以通过jq修改hover之后的颜色,第一个函数是hover的样式,第二个是hover后的样式。