Verständnisproblem Vererbung/Nachkommenselektoren

[Elya]

Hallo,

ich beobachte jetzt schon mehrfach ein Phänomen, das ich mir nicht erklären kann bzw. das ich schlicht nicht verstehe:

ich definiere m.E. völlig unabhängige Bereiche, z.B.

#container
#mainbox

Diese liegen als divs im html-Code und sind nicht verschachtelt (also keine Eltern/Kinder/Enkel voneinander, oder?)

Jetzt definiere ich Untereigenschaften für diese Selektoren:

#container #loginbox ul li a {display:block;
                              [+ andere Eigenschaften]}
#mainbox a:link              {[div. Eigenschaften, keine Angaben zu display]}

Mein bisheriges Verständnis von "cascading" und Selektoren war, daß ich hier für Links völlig unabhängig voneinander Eigenschaften definiert hatte, die sich nicht gegenseitig berühren.

Jetzt passiert aber folgendes: Das display:block; des ersten Bereichs wird auch auf den Link des zweiten Blocks angewendet - sofern ich dort nicht explizit "display:inline;" definiere. Und zwar sowohl im IE als auch im Mozilla FF.

Warum ist das so? Ich vermute wie immer einen Denkfehler bei mir, bin auch nochmal das Selectutorial http://css.maxdesign.com.au/selectutorial/index.htm durchgegangen, aber irgendwie kapier ich's nicht.

Wer kann mir helfen?

Gruß aus Köln-Ehrenfeld, (und: nein, ich bin noch nüchtern ;-))

Elya