div设置了hover样式，鼠标hover div后 点击div会触发hover失效，怎么解决？

Question

div设置了hover样式，jq中设置hover 事件，鼠标hover div后 点击div会触发hover失效，怎么解决？

1. html页面代码

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

2. css样式

   .box-div{
       width: 200px;
       height: 200px;
       background-color: rgba(255, 255, 255, 1);
       border: 1px solid rgba(220, 220, 220, 1);
       -webkit-user-select:none;
       -moz-user-select:none;
       -ms-user-select:none;
       user-select:none;
   }
   
   .box-div:hover{
       box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
   }

Answer 1

测试没有发现你的问题
你可以贴一下完整代码或者直接把css中的hover代码写到jq的hover事件里

Answer 2

没太看懂，是说要点击的时候也用hover的样式的话可以分别添加visited 和active 两个样式
//在元素上点击鼠标时候的样式
.box-div:visited{

box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);

}
//在元素上按下鼠标还未松开时候的样式
.box-div:active{

box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);

}
另外，visited 最好写在hover上面