您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

CSS:添加JS修改style后,hover伪类失效

时间:08-08来源:作者:点击数:

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

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门