css中div点击后隐藏 |Ecplise怎么使用css

div {
display: block;
}
div.hide {
display: none;
}

上面的CSS代码定义了一个普通的div元素以及一个隐藏状态的div元素。大家可以通过给div元素的class属性赋值来切换其可见性。

<div>普通div</div>
<div class="hide">隐藏的div</div>

在HTML代码中，大家可以给某个div元素加上hide类名，使其隐藏不可见。

$('div').click(function() {
$(this).toggleClass('hide');
});

为了让div元素能够点击后隐藏，大家需要使用JavaScript/jQuery。上面的代码通过为所有div元素绑定click事件来实现这一效果。当用户点击一个div元素时，这个元素的class属性会被切换成hide，从而使其隐藏。

以上就是CSS中div点击后隐藏的实现方法。如果你有需要，可以根据自己的需求来进行相应的调整。