hover与click样式冲突

如果你的hover事件和click事件的样式不同，如元素背景本来是#fff，如果hover时背景是#ddd，点击时背景是#aaa，那么问题是当你点击后，鼠标再移动到这个元素时背景会变成#ddd，而你希望保持#aaa。

方法1：

var  styleObj= document.styleSheets[0].cssRules[0].style;

styleObj.removeProperty( 'color' );

styleSheets表示样式表

cssRules表示样式表里的样式

此方法需要知道hover事件在样式表中的顺序

不推荐

方法2：

.nav ul li:hover{
background: #ddd;
}

.active{
background: url('images/ico.gif') no-repeat center bottom;
background-color: #aaa;
color: #000!important;
}
.active:hover{
background: url('images/ico.gif') no-repeat center bottom!important;
background-color: #aaa!important;
color: #000!important;
}

 

转载于:https://www.cnblogs.com/cdx0/p/activeHover.html