CSS悬停功能是否可以在移动设备上使用?我有一个css悬停类,在常规的Web浏览器上可以正常工作,但在移动浏览器上却不能工作。
的:hover伪类需要定点(图形输入)设备,能够区分动作的 指向 和 选择/激活。 通常在带有触摸界面的移动设备上,您没有前者,只有后者。另外,某些笔界面仅允许激活,而不能指向。
:hover
:hover伪类适用,而用户指定的元件(有一些指示设备),但不将其激活。例如,当光标(鼠标指针)悬停在由元素生成的框上时,可视用户代理可以应用此伪类。不支持交互式媒体的用户代理不必支持此伪类。支持交互式媒体的某些合格用户代理可能不支持该伪类(例如,笔设备)。
— W3C:CSS 2.1:选择器,动态伪类
因此,回答您的问题:这取决于设备,但可能不取决于设备。而且不要依赖它。随着触摸屏设备的迅速流行,您将失去所有仅指向事件。