0

我有 3 列和 3 行 div 元素。

使用 CSS 从每三个项目中删除右边距的最佳方法是什么?

4

3 回答 3

2

:nth-child(3n)将选择每第三个项目。这是一个无序列表的示例:http: //jsfiddle.net/894p6/

IE8 或更低版本不支持它。你可以使用 jQuery 选择器来解决这个问题,但如果你需要的话。

于 2012-11-07T12:58:59.090 回答
1

您可以使用:nth-child

div:nth-child(3n+3) {  
    margin-right: 0;
}

看看这个链接,非常有帮助:http ://css-tricks.com/how-nth-child-works/

于 2012-11-07T13:00:23.497 回答
-2

您可以为您的第三个项目添加一个自定义类,并将边距设置为 0 px,但您仍然必须使用动态的东西(如果您的行可以变化)来应用 stile。

对于动态,我的意思是 if 语句检测项目是否是第三个

于 2012-11-07T12:59:46.237 回答