为什么实现不了hover显示display:none隐藏的图片

![图片说明](https://img-ask.csdn.net/upload/201808/04/1533352698_327648.png)图片说明

.menuchanpinlan:hover ul {
    display:block;
}

ul又不是a的子元素,当然没效果了。兄弟节点要用兄弟选择器 +

  .menuchanpinlan>a:hover + ul li{display:block}

display:none加在ul li里面

ul{
display:none;
}

这不是 层级关系不对

:hover ul把li去掉

css定位错了,肯定实现不了

教你一个方法,可以使用js的鼠标移入事件实现