首页 > Web开发 > 详细

CSS - 控制最后边框的隐藏或设置为none

时间:2019-10-13 00:22:22      阅读:118      评论:0      收藏:0      [点我收藏+]
div{
      width: 20%;
      border-left: 1px solid $border-color;
      &:nth-child(5n+1){        
        border: 0;
      }
   }
 
以上为一行5个的div边框的控制,使最每行的第一个的左边框消失。 以此类推 。。
 
div{
      width: 20%;
      border-right: 1px solid $border-color;
      &:nth-child(5n){        
        border: 0;
      }
   }
 
以上为一行5个的div边框的控制,使最每行的第 5 个的右边框消失。 以此类推 。。

CSS - 控制最后边框的隐藏或设置为none

原文:https://www.cnblogs.com/500m/p/11664369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!