做网站的经常会遇到列表页面,做过前端的人都知道,如果我们给列表页面的元素设置左右边距的话,那么每一行最后一个元素就会有边距,这种设计有时会显得网站很不好看,像没有对齐一样。
解决这个问题的办法就是把最后的一个元素加上边距为0的样式,用 nth-child(n)就可以解决。
但是这样的话,比如我有100行,我就得给这100个元素都加上边距为0的样式。
这个时候就可以用到 nth-child(Xn)了 比如每2个元素就添加一个边距为0的样式
:nth-child(2n){margin: 0;}