双击使悬停状态在div上消失

Question

双击div可使hover状态消失。只要hover在cursor上，我就想保持div状态。不使用JS如何实现呢？

发布的10秒视频：https://youtu.be/uZlyH2d-Z-M

代码：

div{
  width:50px;
  height:50px;
  background-color:green
}

div:hover{
 background-color:yellow
}

<div></div>