CSS med 2 st element

Går det ens att göra detta? T ex. jag vill att om

<h2>Måndag</h2>
<h3>Förmiddag</h3>
<p>Bla bla bla</p>

så skall avståndet mellan h2 och h3 inte vara den samma som t ex. h2 och p. I CSS väg borde det isåfall se ut något i stil med

h2-h3 { margin-top: 5px; }

även om det inte gör det... Finns det ens den möjligheten i CSS?

Jodå - det finns "adjacent sibling selectors" för detta i CSS - men de funkar inte så bra i MSIE (dvs inte alls ;) )

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

Du kan alltså skriva:

h2+h3 {stilar för h3 som ligger direkt efter en h2 inuti samma "förälder-element" }
h2+p {stilar för p som ligger direkt efter en h2 inuti samma "förälder-element"}
h3+p {stilar för p som ligger direkt efter en h3 inuti samma "förälder-element"}

Tackar! :bire