我在页面上有100多个div,每行有3个div。我想从右边div的第一个div和右边距删除左边距,而中间div从左边和右边应该有15px的边距。请指导我如何做到这一点,而不是给每个div特定类别(无保证金)。这里是例子如何删除第一个和最后一个div的左右边距
这里是我的CSS代码
.prp_box{
margin:15px 15px;
width:100px;
height:100px;
background:#5f03a6;
}
我在页面上有100多个div,每行有3个div。我想从右边div的第一个div和右边距删除左边距,而中间div从左边和右边应该有15px的边距。请指导我如何做到这一点,而不是给每个div特定类别(无保证金)。这里是例子如何删除第一个和最后一个div的左右边距
这里是我的CSS代码
.prp_box{
margin:15px 15px;
width:100px;
height:100px;
background:#5f03a6;
}
检查了这一点:http://jsfiddle.net/VHXEp/
使用nth-child(n)
CSS3选择。
你可以尝试使用的第n个孩子CSS选择器。
#container:nth-child(3n+0)
{
margin-left: 0;
}
#container:nth-child(3n+3)
{
margin-right: 0;
}
该代码可能需要一些调整,3N是多久,所以每3 +后面的数字是从哪里开始
检查的jsfiddle
.prp_box{
width:100px;
height:100px;
background:#5f03a6;
float:left;
}
.sec_box
{
width:100px;
height:100px;
background:#5f03a6;
float:left;
margin-left:30px;
}
.sec3_box
{
width:100px;
height:100px;
background:#5f03a6;
margin-left:260px;
}
添加到您的html各自的CSS。这是不够的,你知道。 – Praveen