css -- hover伪类

CSS代码:
  .btn-setDefaultGateway{display: none;}
    .netDiv:hover span .btn-setDefaultGateway {
        display: inline; //移动到类为 netDiv 的 div 中,其下面的 span 标签中的 button 标签的样式设为 display:inline;(只当下对应的改变,其他的不变)
    }

HTML代码:
 <div class="netDiv">
     <span>
         <button class="btn-setDefaultGateway btn btn-danger" data-gateway="">设为默认上网接口</button>
     </span>
</div>
 <div class="netDiv">
     <span>
         <button class="btn-setDefaultGateway btn btn-danger" data-gateway="">设为默认上网接口</button>
     </span>
</div>
 <div class="netDiv">
     <span>
         <button class="btn-setDefaultGateway btn btn-danger" data-gateway="">设为默认上网接口</button>
     </span>
</div>
 <div class="netDiv">
     <span>
         <button class="btn-setDefaultGateway btn btn-danger" data-gateway="">设为默认上网接口</button>
     </span>
</div>
原文地址:https://www.cnblogs.com/hf8051/p/4742421.html