如何恢复原始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();

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

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

Answer 1

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

Answer 2

您可以通过设置display: ''

恢复默认行为

$('.divDash').children('span').css('display', '');

演示：Fiddle