将文本样式（类）恢复为原始样式 CSS

Question

我有一个这样的span ，样式如下：

<span class="spoiler" onclick="reveal()"> I am a sentence.</span>

.spoiler {
  background-color:#000000;
}

.spoiler:hover{
  background-color:transparent;
  }

然后我有一些 JS 修改以永久显示隐藏文本（截断以仅显示相关部分）：

if ... {
        sentence.style.color = "#f00";
        sentence.style.backgroundColor = "transparent";
    } else {
        sentence.style.color = "#000";
        sentence.style.backgroundColor = "#000000";
    }

问题出在else 。 一旦我点击恢复剧透风格，我就不能再通过hover在文本上显示句子（因为我可以预先点击）。

如何做到这一点？

Answer 1

而不是在“if”中设置跨度样式，在其上添加一些 class，并在“else”中删除此 class。 或者只是删除 else 中的样式属性。