Wie dem letztem Element einen anderen Wert geben

[Tobias Kl.]

Hallo!

Ich würde gerne mit CSS allen Abschnitten <p>foo</p> mit Ausnahme des letzten magin-bottom:10px; zuweisen. Nach dem letzten Abschnitt sollen es magin-bottom:20px sein.

Beispiel:

<h1>foo</h1>
<p>foo</p> <!-- 10px Abstand nach unten -->
<p>foo</p> <!-- 10px Abstand nach unten -->
<p>foo</p> <!-- 10px Abstand nach unten -->
<p>foo</p> <!-- 10px Abstand nach unten -->
<p>foo</p> <!-- 20px Abstand nach unten -->
<img src="#" alt="Alt" />

Meine beiden Versuche mit Selektoren funktioneren leider nicht:

p {margin:0 0 10px 0;}
p:last-of-type {margin:0 0 20px 0;}

sowie

p {margin:0 0 20px 0;}
p+p {margin:0 0 10px 0;}

Wie kann ich nur dem letzten Element einen bestimmten Wert zuweisen?

Danke und viele Grüße
Tobias