html - 在触摸设备上 : Apply a background color change when user touches heading

Question

我不确定这是否可行，但我有一个网站并且我想要(仅在触摸设备上，例如 iPhone)<h2>当用户触摸标题时具有不同的背景颜色。

纯 HTML5/CSS3 是否可行？假设用户使用的是最新的浏览器。

Answer 1

我认为您可以使用 :active 伪类来实现这一点。

h2:active { 
  background-color: yellow;
}

可以使用MQ来限制这个伪类只在需要的分辨率下应用，鼠标点击事件是不可用的。例如:

@media only screen and (max-device-width: 480px) { 
  h2:active { 
   background-color: yellow;
  }
}