CSS定义-需要覆盖吗？

本质上，我必须在不同屏幕大小的行的最后一列应用不同的边距（右边距）。到目前为止，flexbox工作良好。执行此作业的以下代码：

*因为这里有三列，所以每第三行禁用右边距*

.div1:nth-child(3n) {  
    margin-right: 0%;
}

@include media-query($desktop) {

/*** As we have two columns here, undo no-margin for every 3rd row ***/

    .div1:nth-child(3n) {  
        margin: 0 5% 3.33% 0;
     }

/*** Instead, apply it to every second now ***/

    .div:nth-child(2n) {  
        margin-right: 0%;
     }

}

@include media-query($mobile) {

/*** As each column is 100% width now, only apply bottom-margin. ***/   

     .div1:nth-child(3n) {  
         margin: 0 0% 5% 0;
     }

     .div1:nth-child(2n) {  
         margin: 0 0% 5% 0;
     }

}

问题：我真的必须覆盖最后两个媒体查询的全局.div1:n子项（3n）和.div:n子项（2n）定义，还是有更简单、更好的解决方案？

.div1:nth-child(3n) {  
  margin-right: 0%;
}

在桌面媒体查询中，手机将不需要知道任何有关它的信息