2013-08-02 56 views
4

我在页面上有100多个div,每行有3个div。我想从右边div的第一个div和右边距删除左边距,而中间div从左边和右边应该有15px的边距。请指导我如何做到这一点,而不是给每个div特定类别(无保证金)。这里是例子如何删除第一个和最后一个div的左右边距

enter image description here 这里是我的CSS代码

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

添加到您的html各自的CSS。这是不够的,你知道。 – Praveen

回答

0

你可以尝试使用的第n个孩子CSS选择器。

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

该代码可能需要一些调整,3N是多久,所以每3 +后面的数字是从哪里开始

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; 
} 
相关问题