css - css hover 是否适用于移动设备？

Question

css hover 是否适用于移动设备？我有一个 css 悬停类，它在常规网络浏览器上运行良好，但在移动浏览器上不起作用。

Answer 1

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

The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element. User agents not supporting interactive media do not have to support this pseudo-class. Some conforming user agents supporting interactive media may not be able to support this pseudo-class (e. g., a pen device).

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

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