场景:之前设置了DIV的hover伪类,同时js事件中对style进行了修改,特别是修改了background-color属性,js事件生效后,hover伪类失效,不再起作用。
主要设置:
.time_item{
width:10px;
height: 25px;
border: 0px solid black;
float: left;
background:#3A7CE0;
margin-left: 3px;
cursor: pointer;
&:hover{
//写这里也可以
}
}
.time_item:hover{
background-color: $hover-color !important;
}
主要原因:
css优先级的问题:style>css伪类>id>class
解决办法:
给:hover的属性后面添加!important就可以了。应为!important优先级高于一切!
!important>style>css伪类>id>class