使用 jquery 实现 css hover 长期维持效果

1、首先定义 hover 效果

.base-style:hover{
	color: red
}

2、在上面的 hover 上添加一个样式一模一样的效果样式

.base-style-active,
.base-style:hover{
	color: red
}

3、使用 jquery 判断 .base-style是否触发了 hover，如果触发了就给他加上.base-style-active样式，这样触发的hover样式就得到了保留。

 $('.base-style').mouseenter(function(){
	$(this).addClass('base-style-active')
})

4、如果想要实现 hover 单选效果，则需要在每次加上.base-style-active样式之前，将所有后续列表div中的.base-style-active样式清除

 $('.base-style').mouseenter(function(){
    $('.候选列表').removeClass('base-style-active')
	$(this).addClass('base-style-active')
})

比如这样：