小编典典

CSS悬停功能是否可以在移动设备上使用?

css

CSS悬停功能是否可以在移动设备上使用?我有一个css悬停类,在常规的Web浏览器上可以正常工作,但在移动浏览器上却不能工作。


阅读 329

收藏
2020-05-16

共1个答案

小编典典

:hover伪类需要定点(图形输入)设备,能够区分动作的 指向选择/激活。
通常在带有触摸界面的移动设备上,您没有前者,只有后者。另外,某些笔界面仅允许激活,而不能指向。

:hover伪类适用,而用户指定的元件(有一些指示设备),但不将其激活。例如,当光标(鼠标指针)悬停在由元素生成的框上时,可视用户代理可以应用此伪类。不支持交互式媒体的用户代理不必支持此伪类。支持交互式媒体的某些合格用户代理可能不支持该伪类(例如,笔设备)。

— W3C:CSS 2.1:选择器,动态伪类

因此,回答您的问题:这取决于设备,但可能不取决于设备。而且不要依赖它。随着触摸屏设备的迅速流行,您将失去所有仅指向事件。

2020-05-16