我在頁面上有100多個div,每行有3個div。我想從右邊div的第一個div和右邊距刪除左邊距,而中間div從左邊和右邊應該有15px的邊距。請指導我如何做到這一點,而不是給每個div特定類別(無保證金)。這裏是例子如何刪除第一個和最後一個div的左右邊距
這裏是我的CSS代碼
.prp_box{
margin:15px 15px;
width:100px;
height:100px;
background:#5f03a6;
}
我在頁面上有100多個div,每行有3個div。我想從右邊div的第一個div和右邊距刪除左邊距,而中間div從左邊和右邊應該有15px的邊距。請指導我如何做到這一點,而不是給每個div特定類別(無保證金)。這裏是例子如何刪除第一個和最後一個div的左右邊距
這裏是我的CSS代碼
.prp_box{
margin:15px 15px;
width:100px;
height:100px;
background:#5f03a6;
}
檢查了這一點:http://jsfiddle.net/VHXEp/
使用nth-child(n)
CSS3選擇。
你可以嘗試使用的第n個孩子CSS選擇器。
#container:nth-child(3n+0)
{
margin-left: 0;
}
#container:nth-child(3n+3)
{
margin-right: 0;
}
該代碼可能需要一些調整,3N是多久,所以每3 +後面的數字是從哪裏開始
檢查的jsfiddle
.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;
}
添加到您的html各自的CSS。這是不夠的,你知道。 – Praveen