如何重置css：悬停到默认状态？

Question

我有以下规则：

.quiz .panel .choices a:hover,
.quiz .panel .choices a:active {background-position: 0 -30px;}

并且由于iOS在与:hover交互时所做的记录很明显。我想将<a>标记重置为iOS的正常CSS状态。在我的页面中，javascript将在顶层注入一个名为“iOS”的类，因此我将要覆盖的以下规则将是：

.iOS .quiz .panel .choices a:(?????)

问号是我不知道的部分。我编写什么CSS规则会重置<a>标记，以便伪类处于默认状态？

Answer 1

我真的不明白你的问题，但你有4个选项

a:link
a:hover
a:active
a:visited

我的猜测是你需要

.iOS .quiz .panel .choices a:link {background-position: 0 0}

Answer 2

根本没有伪类。只需使用：

.iOS .quiz .panel .choices a

当“悬停”没有发生时，它将是所选规则！ ：）

Answer 3

body:not(.iOS) .quiz .panel .choices a:hover,
.quiz .panel .choices a:active {background-position: 0 -30px;}

如有必要，请对not行重复:active。同时将body与选择器交换，该选择器与您应用.iOS类的元素相匹配。