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来控制，这个以后有空再写啦。