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

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后的样式。

 

posted @ 2017-06-27 14:47  handsomeBoys  阅读(5368)  评论(0编辑  收藏  举报