Question

第一件事是，我只能编辑代码的CSS/LESS部分。

我遇到了一个问题，有一个跨度，其跨度在:hover上添加了背景色，并且在单击时具有不同的背景，从而通过JS获得了一个.active类。

问题是，在iPad和iPhone上，第一次点击将激活:hover样式，需要再次点击以打开添加的类.active。任何人都知道如何忽略:hover样式并直接添加类吗？

非常感谢！

Answer 1

将所有：hover规则放在@media块中：

@media (hover: hover) {
    a:hover { color: blue; }
}

Answer 2

这样做

a:hover {
  background-color: transparent !important; /* If it works without adding !important, then do that. It's best to avoid !important */
}

<a href="#">Focus</a>

Answer 3