用CSS实现hover控制显示隐藏

鼠标移动到A上，展示B

  /* B元素默认不显示 */
  .B {
    display: none;
   }
 
 
 /* A元素hover时显示B */
  .A:hover .B {
    display: block;
  }