CSS：悬停用于触摸屏逆向工程

Question

我发现这个网站有一个子菜单可以在我的iPhone / Pad上正常工作，我很好奇他们是如何制作li:hover ul{为触摸屏工作？

我已经浏览了整个HTML，CSS，JS并且没有什么突出的，所以如果有人能够有一个高峰我会对他们发现的东西非常感兴趣。

Answer 1

我的学校网站（www.harveygs.kent.sch.uk）遇到了同样的问题，但Servicepoint网站给了我答案 - 只需添加“<a href='#'>（您的菜单标题）</a>”在菜单中的第一个<ul>之后。

Answer 2

你无法做到:hover在移动设备上。 菜单显示单击事件和悬停事件。 我不确定这个网站是如何进行点击事件的，但您可以使用JavaScript或使用a:active CSS选择器来执行此操作

Answer 3

如果它是一个可以获得焦点的元素，那么悬停CSS应该可以在触摸屏上正常工作 - 这些“菜单”项目也是链接，因此当他们通过触摸获得焦点时，他们会对悬停事件作出反应。 您应该可以使用amy元素来执行此操作，该元素可以同样获得焦点（我使用没有HREF属性的链接执行此操作）以在鼠标经过鼠标时触发悬停事件，或者触摸屏上触摸对象。