如何恢复到原始CSS

How to revert to original CSS?

本文关键字：原始 CSS 恢复 何恢复      更新时间：2023-09-26

我有一个div，里面有一个span（简化）。

<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隐藏跨度。。。

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

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

如何恢复原来的CSS行为，使跨度只在悬停时显示？

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

您可以通过设置display: '' 恢复到默认行为

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

演示：Fiddle

相关文章：