css - :hover behavior across mobile devices

Question

在为我正在重新设计的网站开发移动导航菜单时，我发现许多移动浏览器通过点击触发 CSS :hover 事件，包括 Chrome、FlashFox 和 Android 4.x 上的默认浏览器，如以及 iOS 7 上的 Safari。这种行为是否广泛传播到足以依赖？我假设 Android 2.x 手机可能会出现问题。

我想知道是否有人对此有任何经验，我的导航菜单是否可以安全地依赖这种行为。是否有任何类型的规范定义了这种行为，或者它只是出现了？据我所见，它在各种设备上的表现似乎相当一致。

我以前用 JavaScript 做过移动导航菜单，但这是一个不错的选择。

我知道在 stackoverflow 上有几个关于这个主题的问题，但它们已经很老了，我找不到任何专门针对我想知道的问题。

编辑:需要澄清的是，该网站正在使用响应式设计进行开发，我并不是简单地尝试将桌面样式的导航栏与 :hover 一起使用。菜单的格式适用于移动设备，而 :hover 将取代编写 JavaScript 以在点击菜单选项时显示子菜单的需要。

Answer 1

有些人说使用:hover，其他人说使用:active。我说同时使用(在一个规则中)，设备将使用在该设备上工作的一个(或两个)。

无论如何，我发现它有效。

希望这对您有所帮助。