下拉菜单滑动效果(animation实践)

思路：通过给父元素设定固定的宽度和高度以及设置overflow:hidden属性将超出的ul li列表隐藏掉。视觉上看到的上下滑动的其实是父元素的高度，而不是ul li列表，列表并没有动过。但视觉上感觉到的就是ul li列表在上下滑动。
完整代码如下：

 
 
 
 
LOVE-Family
father
mother
brother
and me
 
 
 

遇到的问题：中途有给子元素设置悬停让父元素某个样式改变时是没有效果的。可能原因是当设置同一个样式时父元素的优先级高于子元素，所以在子元素上面改变父元素的样式是不可以的。