CSS Abstand nur nach dem ersten div in jeder Zeile?

Question

Ich möchte einige Divs in einem Wrapper anzeigen. Die Divs haben den gleichen Klassennamen und eine feste Breite. Ich möchte den ersten Divs in der Reihe einen rechten Rand setzen, aber nicht den letzten Div in der Reihe, aber das Problem ist, dass ich den HTML-Code nicht ändern kann. Wenn das mit CSS nicht möglich ist, kann es mit jQuery gemacht werden? Bearbeiten: Entschuldigung, habe vergessen zu erwähnen, dass es immer 2 Divs in einer Reihe gibt.

Box 1 
Box 2  
Box 3 
Box 4

Answer 1

Jetzt daran gewöhnt

erste Option

.box:nth-of-type(2n){
margin-right:0;
}

---

zweite Option

.box:nth-child(even){
margin-right:0;
}

mehr Infos http://www.w3.org/Style/Examples/007/evenodd.en.html

Answer 2

Sie können die CSS3 last-child Eigenschaft dafür verwenden. Schreiben Sie es so:

.box:last-child{
 margin-right:0;
}

Aber es funktioniert nicht in IE8 und darunter

Je nach Bedarf können Sie den + Selektor verwenden. Schreiben Sie so:

.box + .box{
 margin-left:10px;
}

Und es funktioniert bis IE7

Answer 3

div:not(:last-child) { margin-right: 10px; }

Answer 4

Hört sich so an, als bräuchtest du das http://csswizardry.com/2011/08/building-better-grid-systems/