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

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 个的右边框消失。 以此类推 。。
posted @ 2019-10-12 23:06  武卡卡  阅读(726)  评论(0编辑  收藏  举报