HTML div鼠標懸停控制控件顯示與隱藏

1. div鼠標懸停控制子控件顯示與隱藏

　　懸停在父輩div上,子div顯示

.son{
      display: none;
    }

    .father:hover .son{
      display: block;
    }

<div class="father">
    SHOW
　　<div class="son">
　　　　oky
　　</div>
</div>

　2.相鄰div控制控件顯示與隱藏（下面的隱藏和顯示）

    .two{
      display: none;
    }

    .one:hover + .two{
      display: block;
    }    

<div class="one">
    oky
</div>
<div class="two">
    show
</div>