CSS：添加JS修改style后，hover伪类失效

场景：之前设置了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