將文本樣式（類）恢復為原始樣式 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 中的樣式屬性。