如何恢复原始CSS？

Question

我有一个带有跨度的div(简化).

<div class="divDash">
    <span>XX</span>
</div>

基于以下CSS,跨度最初是隐藏的,仅在您将鼠标悬停在div上时显示.

.divDash {height:300px;width:300px;border:1px solid gray;}
.divDash span {display:none}
.divDash:hover span {display:inline}

基于一些用户交互,我需要使用jQuery隐藏span ...

$('.divDash').children('span').hide();

然后,基于其他一些用户交互,我需要恢复跨度的原始行为.如果我只是再次显示跨度,$('.divDash').children('span').show();那么它将永久显示,而不仅仅是悬停.

如何恢复原始CSS行为,以便仅在悬停时显示范围？

Answer 1

而不是使用show和hide,添加/删除具有您想要的行为的特定CSS类.