CSS med 2 st element

2 svar · 194 visningar · startad av mrhaze 2 juli 2003

mrhazeMedlem sedan juli 2002252 inlägg

Trådstart2 juli 2003 14:35#1

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?

jarvkloMedlem sedan juli 20013 378 inlägg

2 juli 2003 18:20#2

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"}

mrhazeMedlem sedan juli 2002252 inlägg

2 juli 2003 18:53#3

Tackar! :bire