:hover的用法和鼠标移入移出事件

如何实现当鼠标放在某块父级区域，显示里面的子元素，鼠标移开，子元素隐藏？

方法一：

1.先给子元素设定好要显示的图片样式，再给一个display：none；
2.然后给父元素 :hover .子元素,再给其一个display:block;

方法二：

1.给父元素绑定@mouseenter和@mouseleave事件，给子元素绑定:class

【注意】无论是第一种方法还是第二种，:hover或者鼠标移入移出事件都是给父元素加，因为子元素此时以及隐藏了，，所以给子元素加是不可能起作用的！！！