我有 3 列和 3 行 div 元素。
使用 CSS 从每三个项目中删除右边距的最佳方法是什么?
:nth-child(3n)
将选择每第三个项目。这是一个无序列表的示例:http: //jsfiddle.net/894p6/。
IE8 或更低版本不支持它。你可以使用 jQuery 选择器来解决这个问题,但如果你需要的话。
您可以使用:nth-child
div:nth-child(3n+3) {
margin-right: 0;
}
看看这个链接,非常有帮助:http ://css-tricks.com/how-nth-child-works/
您可以为您的第三个项目添加一个自定义类,并将边距设置为 0 px,但您仍然必须使用动态的东西(如果您的行可以变化)来应用 stile。
对于动态,我的意思是 if 语句检测项目是否是第三个