hover和onclick事件冲突，怎么解决？

Question

Input,已经设置背景1，hover修改背景成背景2，onclick又要修改成背景3，已试过!important，还是有问题

Answer 1

.box{&nbsp; width: 100px;&nbsp; height: 100px;&nbsp; background: red;}.box:hover{&nbsp; background: blue;}<div class="box"></div>document.getElementsByClassName('box')[0].onclick = function(){&nbsp; this.style.backgroundColor = 'green';}