在触摸设备上：当用户触摸标题时应用背景颜色更改

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;
  }
}

Answer 2

不幸的是，我认为你需要使用JS。

当触及标题（或任何其他元素）时，CSS和HTML都无法表达您希望应用的更改。