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