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