css一行的最后一个元素的margin-right为什么不起作用选择器合并“的机制，当使用flex布局并出现滚动条时，padding确实不会作用在不显示的最后一个元素上，而是会被应用在第一页的元素上。

css一行的最后一个元素的margin-right为什么不起作用

当设置一个元素的margin时，如果该元素是一行中的最后一个元素，而且该元素的margin属性设置了非零值，会发现其外边距并没有起作用。

明明设置的margin-right:24rpx;但是他却靠着边没有间距。

这是因为CSS中的"选择器合并"的机制导致的。在样式表中，"选择器合并"的机制会将相邻的具有相同样式的元素的外边距合并在一起，形成一个较大的外边距。 所以，当最后一个元素设置了margin时，由于"选择器合并"的机制，其外边距会与下一个元素的外边距合并，结果就是看上去似乎margin没有起作用。

 然后我想给最外层的div加个padding或者margin他右边不是有距离了吗？测试一下发现只对第一页有效果。我滚动到第二页。第二页根本也没用。看下面的两个图。

网上没有搜到合适的解决方式。最后自己想到或许可以在最后一个元素上加上一个伪类指定宽度 进行占位

// 最后一个元素右边没有间距问题修改

&:last-child {

   &::after{

   content: '';

   display: inline-block;

   width: 230rpx;

}

}