相当于悬停移动aps

Question

什么是和等效的CSS悬停，只是用于具有触摸屏的设备，如平板电脑和智能手机？我试图在我的旋转木马上显示箭头，对于桌面我知道我可以使用悬停，但是当没有光标悬停在什么时可以使用？

Answer 1

将:active选择器与:hover结合使用。

  应在:active选择器之后调用

:hover选择器。

示例

 .button:hover, .button:active{
   background-color: red;
 }

Answer 2

我认为默认情况下，触控设备没有悬停效果，或者至少它们会以不同的方式对待它 - 就像点击事件一样。

示例：如果您在桌面计算机上悬停下拉菜单，则点击移动触摸设备时会自动显示下拉菜单。

对于当前的查询，我可以提出一种解决方法，在最大宽度小于1200px的设备上显示箭头。