Posteriormente a consultar especialistas en este tema, programadores de deferentes áreas y profesores dimos con la solución al problema y la plasmamos en esta publicación.
Solución:
los :hover pseudo-clase necesita un dispositivo señalador (entrada gráfica), capaz de distinguir las acciones señalando y seleccionando/activando. Por lo general, en dispositivos móviles con una interfaz táctil, no tiene lo primero, solo lo segundo. Además, algunas interfaces de lápiz solo permiten activar, no señalar.
los
:hoverla pseudoclase se aplica mientras el usuario designa un elemento (con algún dispositivo señalador), pero no lo activa. Por ejemplo, un agente de usuario visual podría aplicar esta pseudoclase cuando el cursor (puntero del mouse) pasa sobre un cuadro generado por el elemento. Los agentes de usuario que no admiten medios interactivos no tienen que admitir esta pseudoclase. Es posible que algunos agentes de usuario compatibles que admiten medios interactivos no puedan admitir esta pseudoclase (por ejemplo, un dispositivo de lápiz).—W3C: CSS 2.1: Selectores, pseudoclases dinámicas
Entonces, para responder a su pregunta: depende del dispositivo, pero probablemente no. Y no confíes en eso. Con los dispositivos de pantalla táctil ganando popularidad rápidamente, perderá la totalidad de los eventos de solo señalar.
Suspiro. Parece que nadie que respondió a esta pregunta lo intentó en un dispositivo real. En muchos casos sí funciona. El primer clic actúa como un flotador.
Más información aquí: http://designshack.net/articles/css/are-hover-events-extinct/
¿Qué quiere decir el interrogador con “¿Funciona css hover en dispositivos móviles?”?
Obviamente, no lo dice literalmente, porque no existe tal cosa como pasar el mouse por encima de los dispositivos móviles, por lo que no puede funcionar.
Si quiere decir “En dispositivos móviles, si toco un objeto con un estilo de desplazamiento, ¿sucede algo?” la respuesta es Sí, pero lo que sucede varía según el dispositivo/navegador.
Específicamente en iPhone/Safari y Android, la respuesta es como si hubiera escrito un controlador de eventos OnClick() con el cambio de estilo, y esto persiste hasta que toca otro objeto. En el teléfono con Windows, el cambio de estilo ocurre mientras se presiona el dedo sobre el teléfono y luego se revierte cuando lo suelta.
Puede verificar su dispositivo en el sitio de prueba que configuré en davidleader.net/mobiledemo.html.
Puntuaciones y comentarios
Si para ti ha resultado provechoso nuestro post, sería de mucha ayuda si lo compartieras con otros entusiastas de la programación de esta manera nos ayudas a extender nuestro contenido.