本文主要是介绍hover事件2，鼠标移入一个标签使其子级标签的css样式发生改变，显示可见，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
html代码：
<div class="father">鼠标移入显示
<p class="child">隐藏内容，经过鼠标移入后展示。</p>
</div>
css代码：
.father .child{
display:none; //p的内容一开始设置为不可见
}
.father:hover .child{
display:block; //鼠标移入后，p的标签的内容为可见
}
这里有一点要注意，要显示的内容必须存在于其父级标签（即div标签）的子集标签（即p标签）中，否则无法生效。
这里只是通过css来实现显示隐藏效果，还可以通过js来控制，这个以后有空再写啦。
这篇关于hover事件2，鼠标移入一个标签使其子级标签的css样式发生改变，显示可见的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
