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