通过元素hover属性控制显示隐藏

纯CSS控制

1. 父子 

 .father:hover  .children{
      display: none   //  或者  display: block

2. 兄弟


// 网上都说是通过 .children1:hover + .children2 { display: **} 方式进行设置，亲测，无效
// 最终还是通过设置共有的父节点来设置样式的，同下
 .father:hover  .children{
      display: none   //  或者  display: block