css去掉隐藏 |css 动画网站示例

.hidden {
display: none;
}

然而有时候大家需要再次显示这些隐藏的元素，这时候就需要使用一些技巧来去掉它们的隐藏。以下是一些常见的方法：

1. 使用JavaScript

var element = document.getElementsByClassName('hidden')[0];
element.style.display = 'block';

这段代码使用JavaScript获取到class为hidden的第一个元素，并将其样式中的display属性改为block，这样该元素就被显示了。

2. 使用CSS中的:target伪类

.hidden:target {
display: block;
}

这个方法比较神奇，它利用了CSS中的:target伪类。当一个元素被点击并成为了当前URL中的hash值时（如#target），它就会匹配到:target伪类。因此，大家可以将隐藏的元素隐藏在一个具有唯一ID的元素内，并使用该ID作为地址的hash值。这样点击该地址就会将该元素显示出来。

3. 使用CSS中的:checked伪类

.hidden-checkbox {
display: none;
}
.hidden-checkbox:checked + .hidden-content {
display: block;
}

这个方法利用了CSS中的:checked伪类。大家首先将隐藏的元素的父元素设置为display:none，并创建一个checkbox输入框。当checkbox被选中时，它就会匹配到:checked伪类，大家可以利用相邻兄弟选择器（+）将其后面的元素显示出来。

以上是一些常见的方法，根据不同的场景可以选择合适的方式来去掉元素的隐藏。