问css悬停在移动设备上工作吗？

EN

:hover伪类需要一个指向(图形输入)设备，能够区分指向和选择/激活的动作。通常在有触摸界面的移动设备上，你不会有前者，只有后者。此外，一些笔界面只允许激活，不允许指向。

当用户指定一个元素(使用某个定点设备)，但没有激活它时，:hover伪类将应用。例如，当光标(鼠标指针)悬停在由元素生成的框上时，可视化用户代理可以应用此伪类。不支持交互式媒体的用户代理不必支持该伪类。一些支持交互式媒体的符合标准的用户代理可能不能支持这个伪类(例如，笔设备)。

-W3C: CSS 2.1: Selectors, dynamic pseudo-classes

所以，回答你的问题:这取决于设备，但很可能不是。不要依赖它。随着触摸屏设备的迅速普及，你将失去整个只有指点的事件。

叹一口气。似乎没有人真正在真实的设备上尝试过这个问题。在许多情况下，它确实是有效的。第一次单击相当于悬停。

更多信息请点击此处：http://designshack.net/articles/css/are-hover-events-extinct/

提问者所说的“css悬停在移动设备上工作吗？”是什么意思？

他显然不是字面上的意思，因为移动设备上没有悬停这样的东西，所以它不能工作。

如果他的意思是“在移动设备上，如果我点击一个带有悬停风格的对象，会发生什么吗？”答案是肯定的，但发生的情况因设备/浏览器而异。

特别是在iPhone/Safari和Android上，响应就像你写了一个带有样式变化的OnClick()事件处理程序，它会一直存在，直到你点击另一个对象。在Windows phone上，当你的手指按在手机上时，风格会发生变化，然后在释放手机时恢复原状。

您可以在我在davidleader.net/mobiledemo.html设置的测试站点检查您的设备。