2013-08-02 57 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; 
} 
相關問題