pseudoklasse first-child

[Corraggiouno]

hi,

habe folgende Pseudoklasse definiert:

ul#navigation li:first-child a
{
border:none;
}

.........hiermit sage ich, dass das erste Listenelemente also der erste Link keinen linken Rand haben soll. Das verstehe ich noch.
Aber warum wird der Rand des Untermenüs auch wegnommen (weisser Rand unterhalb des links Heizung)..........siehe Jaki und Klaiber

 

[threadi]

Weil sich die Eigenschaft nach unten vererbt. Wenn Du das bei den Untermenüs nicht haben willst (also das border wieder drinne haben willst), dann definiere diesen nochmal explizit:

ul#navigation li li:first-child a { border: 1px solid red; }

Alternative anstelle deines o.g. Codes:

ul#navigation > li:first-child a { border: none; }

Ich bin mir aber unsicher, ob das in vielen Browsern klappt. Das "größer als" gibt an, dass diese Eigenschaft für Kind-Elemente vom Typ <li> der ID ul#navigation gilt. Die Elemente des Untermenüs sind keine Kind-Elemente, eher Ur-Enkel-Elemente ;) Siehe auch:
CSS: Verknüpfungen - HTMLWorld

 

[Corraggiouno]

dankeschön für die wertvollen Tipps