CSS2 Child-selectors hjelp...

[dan1el]

På bloggen min hadde jeg planer om å skille kommentarene med en strek. For å unngå at den øverste kommentaren skulle ha en strek over seg, tenkte jeg å bruke CSS2.

 

Jeg prøvde slik:

 

dl#commentlist dt + dt {
border-top: 1px solid #ccc;
padding-top: 2em;
margin-top: 2em;
}

 

Av åpenbare grunner fungerte ikke dette. Man har jo en <dd> og en </dd> i koden før den nye <dt> kommer. Derfor prøvde jeg dette:

 

dl#commentlist dt + dl#commentlist dt {
border-top: 1px solid #ccc;
padding-top: 2em;
margin-top: 2em;
}

 

Fungerte ikke. Ikke dette heller:

 

dl#commentlist dt + dl#commentlist > dt {
border-top: 1px solid #ccc;
padding-top: 2em;
margin-top: 2em;
}

 

Jeg er ikke helt stø på "child selectorene"... som du sikkert ser.

 

Hadde vært knall om noen fiksa dette

 

 

HTML: http://dan1el.net/index.php?p=11#comments

CSS: http://www.dan1el.net/stilsett/dumle3.css

[dan1el]

D'oh. Løsningen lå for foran nesa mi :

 

dl#commentlist dt + dd + dt  { }

Endret 13. november 2004 av dan1el

[haugsand]

Ser at du har ordna det nå, men kanskje :first-child hadde gjort jobben også?

[dan1el]

border: none @ dt:first-child mener du? Hm... den har jeg ikke tenkt på!

[Simon Zimmermann]

Husk at Pseudo-elementet first-child ikke fungerer i Internet Explorer.

[haugsand]

> og + fungerer heller ikke i IE, og jeg antar at dan1el ikke bryr seg det grann

[dan1el]

> og + fungerer heller ikke i IE, og jeg antar at dan1el ikke bryr seg det grann

C'est correct.