css - Firefox RDM 触摸模拟不模拟悬停？

Question

在移动设备上使用 Firefox 时，触摸元素会触发 :hover伪类。但是，当在响应式设计模式下在 PC 上使用 Firefox 并且触摸模拟处于事件状态时，:hover不会通过在元素上单击鼠标按钮来触发。如果我关闭触摸模拟，那么将鼠标悬停在元素上当然会激活 :hover ，但是触摸模拟的重点不是将鼠标输入转换为相应的触摸事件吗？如果在移动浏览器上触摸某个元素会激活 :hover ，则不应在 Touch Simulation 中单击鼠标也会触发 :hover ?
Simple JSFiddle to illustrate - 在 RDM 中的 PC Firefox 和移动 Firefox 上查看差异。
我做错了什么，还是 Firefox RDM 或我对触摸模拟的理解有缺陷？

Answer 1

正如你所说，:hover :focus :active是伪类，根据这个 link来自 mozilla :hover当用户使用指针设备与元素交互并且在触摸屏上出现问题时匹配。我们可以达到同样的效果:hover在触摸屏中使用 :active伪类。或者两者结合。
正如你所说的:hover的触摸模拟类在 Firefox 中不起作用。没有 promise 在 future 支持它。触摸和定点设备的工作方式截然不同，因此最好不要使用 :hover需要指针位置才能激活。另一方面触摸屏在触摸前没有位置记录，所以:focus :active是更好的选择。
如果对你有帮助，我会很高兴。谢谢。