我在页面上有超过100个div,每行有3个div。我想从右div中删除第一个div和右边距的左边距,而中心div应该从左边和右边有15px的边距。请指导我如何在不给每个div的特定类(无边距)的情况下执行此操作。这是示例
这是我的css代码
.prp_box{
margin:15px 15px;
width:100px;
height:100px;
background:#5f03a6;
}
答案 0 :(得分:5)
检查出来:http://jsfiddle.net/VHXEp/
使用nth-child(n)
CSS3选择器。
答案 1 :(得分:1)
您可以尝试使用nth-child css选择器。
#container:nth-child(3n+0)
{
margin-left: 0;
}
#container:nth-child(3n+3)
{
margin-right: 0;
}
此代码可能需要一些调整,3n是多少次,所以每3次。+之后的数字是从哪里开始
答案 2 :(得分:0)
检查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;
}