Html CSS边框仅在某些div'；s

我想为所有div获取一个右侧边框，除了行中的最后一个，其中行-列计数通过依赖于设备的引导网格系统是可变的

4、3、2或1列

如果我有4列，那么只有前3列有右边框。 如果我有3列，那么只有前2列有右边框。 等等

rg产品容器{
边框底部：1px实心#eee；
最小高度：自动；
填充：30px；
}
.rg产品容器：第n个子容器（1n+1）{
右边框：1px实心#eee；
}

这里的东西
这里的东西
这里的东西
这里的东西

如果要排除边框行的最后一个子项，只需使用类型为的选择器的

last即可。试试这个css代码

rg-product-container{
    border-bottom:1px solid #eee;
    min-height:auto;
    padding:30px;
}
.rg-product-container {
    border-right: 1px solid #eee;
}
.rg-product-container:last-of-type{
    border-right: none;
}

大纲
与
溢出相结合：行上隐藏的
可以做到这一点


.rg产品容器{
轮廓：1px纯红；
填充：30px；
}
.行{
溢出：隐藏；
}

这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
Bootstrap版本4Hello@Aryan谢谢你的回答！这似乎是可行的，但它只删除了堆栈中的最后一个div，而不是按照引导网格系统每隔4、3、2次删除一次。因此，如果我有一个
，比如说这里有25个
东西
，那么如果在大屏幕上观看，我需要每第四个div没有边框，如果在中屏幕上观看，则每第三个div没有边框，等等。。等等。只有一个父
行
div，然后在其中有多个
列
div，因为它们是动态生成的，具体取决于我的数据库中有多少产品，并且这些产品可以更改。我最初的想法是我会使用媒体查询+一些第n个CSS的组合，但到目前为止我没有运气。