控制div盒子显示与隐藏,首先要理解父级与子级的关系,比如说:我们有一个div盒子,我们取名class为box-w,然后在这个div下面再新建一个div盒子,取名class为dphv,在这里,我们称box-w为父级,dphv为子级,也可以理解为包含与被包含的关系。

css控制

理解这个关系之后,我们可以用到一个css元素:hover ,这个元素的用法就是,当我们鼠标移动到父级div(或其他html元素)的时候,我们可以控制子级div
(或其他html元素)的一些样式变化。

这么理解的话,要想实现控制css盒子鼠标放上去显示与隐藏,我们只需要在被控制的div盒子上面加上一个父级元素,然后用下面的代码就可以实现了~

.box-w .dphv{
    display: none;
}
.box-w:hover .dphv{
    display: block;
}