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

Question

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

Answer 1

.box{

  width: 100px;

  height: 100px;

  background: red;

}

.box:hover{

  background: blue;

}

<div class="box"></div>

document.getElementsByClassName('box')[0].onclick = function(){

  this.style.backgroundColor = 'green';

}