Css 当在ios浏览器中点击div时，悬停伪类仍然存在

当在ios（safari和chrome）中点击div时，hover伪类将启动并持续，即使在手指抬起后也是如此

值得注意的是，用户不必按住按钮就能触发这种效果。只需轻触一下，就会使hover伪类持久化

有没有办法通过纯css来阻止这种情况

伪类：

.hover-div:hover {
    background-color: cornflowerblue;
    color: whitesmoke;
    border-color: dodgerblue;
}

---

对不起，是的，你试过：聚焦吗？聚焦并不能真正满足我的需要，我只希望它在悬停时改变。我相信焦点只是用于输入元素。但是如何使用触摸来悬停呢？这个网站不仅可以通过触摸设备访问。是的，我的意思是，悬停并不是移动设备的一种状态，你不会将手指悬停在上面，你会触摸（或不触摸）。我知道您正在寻找一种css唯一的方法，但我真的建议您使用一点js。在这种情况下，您已经在使用jquery了。您可以做一些类似于if（'ontouchstart'在文档中）{之类的事情，有很多种方法。