Hallo zusammen,

sagt mal sind eigentlich Probleme bekannt wenn man so vorgeht dass man zuerst die Stile für "li" Elemente festlegt und im nachhinein beispielsweise das Erste und letzte Element durch den Einsatz von :first-child und :last-child anders behandeln möchte?

In meiner Liste definiere ich Regeln für li - diese werden auch angenommen.
Wenn ich jetzt hingehe und zum Beispiel li:first-child oder li:last-child eine Hitnergrundfarbe zuordne, werden die Farben angenommen. Aber wenn ich in der reinen li Definition bereits eine Hintergrundfarbe angegeben habe, wird die neue nicht angenommen, auch nicht durch den !important Hinweis.

Ha da jemand von Euch Erfahrung mit?

Beispielcode:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

li a{     font-size:14px;     padding-top:18px;     padding-left:15px;     padding-right:15px;     color:#222;     border-right:1px solid #E1E1E1; } li:first-child{     padding-left:0px !important;   } li:last-child{     border-right:0px solid #F3F3F2 !important; }

Ich hab mal n Fiddle daraus gemacht http://jsfiddle.net/gyWu2/ - Wenn ich den Subselektor a wegnehme, scheint es ok zu sein. Schreib mal um, speicher es und verlink mal Deine Version.

mfg chmee

Zitat von SonMiko

... in der reinen li Definition ...

Hallo,
welcher Selektor soll das denn sein?

Ach mist Leute ich hab den Fehler: Ich habe mich ja auf "li a" bezogen, nicht auf "li" direkt...
Klar dass dann nichts passiert...

Manchmal schaut man zig mal drüber und findet einfach keinen Fehler.

Danke für Eure direkte Hilfe.

P.S.: Das Fiddle ist ja ne coole Sache, kannte ich gar nicht!

Um in meinem Fall jetzt konkret das "li a" Tag anzusprechen, funktioniert das hier sehr gut:

Code :

1	li:last-child a{...}