使用单击/点击事件禁用CSS3延迟转换

我有一个带有如下链接的网页：

<a href="..." class="icon home"><span>Home</span></a>

在JSFiddle上

但我想解决一些怪癖，如果可能的话，我特别乐意在没有Javascript的情况下解决这些怪癖：

当使用鼠标时，我不想在用户已经单击操作链接而不重定向到其他位置时显示跨度，因为当用户单击链接时，他们可能仍然停留在鼠标光标上，所以延迟悬停状态仍然执行

当在移动设备上录制同一链接时，我希望从中取消覆盖，以便只记录单击

---

基本上，通过解析2，当解决方案不是特定于设备时，我也会解析1。

我不确定它是否起作用，但您可以使用：active和：visited来隐藏跨度

a:active span{
    display: none;
}

a:visited span{
    display: none;
}

---

我试过了，但似乎不起作用。即使您的示例在桌面浏览器上也似乎不起作用。和：活动仅根据W3C应用：…在用户按下鼠标按钮和释放鼠标按钮之间。所以这不起作用。

a:active span{
    display: none;
}

a:visited span{
    display: none;
}