css - 如何删除第一个和最后一个div的左右边距

Question

我在页面上有 100 多个 div，每行有 3 个 div。我想从第一个 div 中删除左边距，从右边 div 中删除右边距，而中心 div 应该从左边和右边有 15px 的边距。请指导我如何在不为每个 div 提供特定类（无边距）的情况下做到这一点。这是示例

这是我的CSS代码

.prp_box{
    margin:15px 15px;
    width:100px;
    height:100px;
    background:#5f03a6;
    }

Answer 1

看看这个：http: //jsfiddle.net/VHXEp/

使用nth-child(n)CSS3 选择器。

Answer 2

您可以尝试使用 nth-child css 选择器。

#container:nth-child(3n+0)
{
margin-left: 0;
}
#container:nth-child(3n+3)
{
margin-right: 0;
}

这段代码可能需要一些调整，3n 是频率，所以每 3 次。+ 后面的数字是从哪里开始

Answer 3

检查 JsFiddle

http://jsfiddle.net/kpTdE/

.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;
}