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

时间:2013-08-02 03:45:55

标签: css css3

我在页面上有超过100个div,每行有3个div。我想从右div中删除第一个div和右边距的左边距,而中心div应该从左边和右边有15px的边距。请指导我如何在不给每个div的特定类(无边距)的情况下执行此操作。这是示例

enter image description here 这是我的css代码

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

3 个答案:

答案 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

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