css是否可以悬停在移动设备上运行？我有一个css悬停类，它可以在常规的Web浏览器上正常工作，但在移动浏览器上不起作用。
答案 0 :(得分：33)
:hover伪类需要一个指向（图形输入）设备，能够区分指向和选择/激活的动作。通常在移动设备上有触摸界面，你没有前者，只有后者。另外一些笔接口只允许激活，而不是指向。
当用户指定一个元素（带有一些指针设备）时，
:hover伪类适用，但不激活它。例如，当光标（鼠标指针）悬停在元素生成的框上时，可视用户代理可以应用此伪类。不支持交互式媒体的用户代理不必支持此伪类。一些支持交互式媒体的符合要求的用户代理可能无法支持该伪类（例如，笔设备）。
所以，回答你的问题：这取决于设备，但可能没有。并且不要依赖它。随着触摸屏设备迅速普及，您将失去整个仅指向事件。
答案 1 :(得分：24)
叹息。似乎没有人回答这个问题实际上是在真实设备上尝试过。在许多情况下它确实有效。第一次点击就像一个悬停。
此处提供更多信息：http://designshack.net/articles/css/are-hover-events-extinct/
答案 2 :(得分：7)
除非设备可以检测到有人将手指悬停在屏幕上，即将点击。 ：）
答案 3 :(得分：7)
提问者的意思是“css悬停在移动设备上工作吗？”？
他显然不是字面意思，因为在移动设备上没有悬停，所以它无法正常工作。
如果他的意思是“在移动设备上，如果我点击悬停式对象会发生什么事吗？”答案是肯定的，但发生的情况因设备/浏览器而异。
特别是在iPhone / Safari和Android上，响应就好像你已经编写了一个OnClick（）事件处理程序，其中包含样式更改，并且这会持续到你点击另一个对象为止。在Windows手机上，手指按下手机时会发生样式更改，然后在释放手指时恢复。
您可以在davidleader.net/mobiledemo.html设置的测试网站上查看您的设备。
答案 4 :(得分：3)
这取决于移动设备中使用的浏览器。有关移动设备的信息，请参阅Quirks Mode，看看您的浏览器/平台是否会实现它。
答案 5 :(得分：2)
根据我自己的经验，它在我的iphone4上工作正常，无论是浏览器（safari还是chrome），但在带有chrome的nexus10上都无法正常工作......
我用过：悬停实现菜单。当我说“它有效”时，我的意思是第一次触摸就像在桌面上悬停一样，第二次触摸就像点击一样。 当我说“它不起作用”时，我的意思是触摸行为就像直接点击一样......
答案 6 :(得分：0)
我会说不，因为你没有悬停在移动界面中。你可以按，如果在触摸屏上。否则你只需要浏览链接。
答案 7 :(得分：0)
不会在触摸屏设备上发挥其魔力，但它确实适用于用户使用某些箭头键（或亚马逊点燃）导航的手机
答案 8 :(得分：0)
也适用于黑莓风暴1设备，因为它们具有触摸功能，并且由于它们的触觉屏幕而点击事件。
答案 9 :(得分：0)
：hover适用于Android默认浏览器，但是对于用户来说触发悬停而不会同时触发点击非常棘手。
答案 10 :(得分：0)
是的。如果您不相信，请尝试一下。 i）在Codepen或您拥有帐户的其他堆栈上写悬停CSS。 ii）保存您的工作。 [很容易看出是否添加了'border-bottom：1px点缀为黑色'] iii）在您的手机，平板电脑或您想证明的任何地方打开它。 [您的笔保存下来，请记住是CodePen]
因此，您将得到答案。不要太相信理论，只需实践并证明它即可。