Vererbungsproblem first-child nur bei UL UL nicht bei UL UL UL

[Mike]

Ich habe in Vererbungsproblem!

li{display:block;}

ul ul li{vertical-align:top;width:60%;display:inline-block;}
ul ul li:first-child{width:20%;}
ul ul li:last-child{width:20%;}

---

Bis hier stimmt es, dann würde ich gerne

ul ul ul li{width:100%;}

setzen, doch ich muss

ul ul ul li:first-child{width:100%;}
ul ul ul li:last-child{width:100%;}

um LAST und FIRST zu überschreiben. Wie setze ich LAST und FIRST so, das es nur im zweitel UL Bereich funktioniert?

[BaBa]

Ich habe in Vererbungsproblem!

Nein, ein Spezifikationsproblem.

setzen, doch ich muss

ul ul ul li:first-child{width:100%;}
ul ul ul li:last-child{width:100%;}

um LAST und FIRST zu überschreiben.

Richtig erkannt. Da die Pseudoclass first-child eine höhere Spezifikation hat.

Wie setze ich LAST und FIRST so, das es nur im zweitel UL Bereich funktioniert?

ul>ul>li 

Cheers,

BaBa

[BaBa]

*Spezifität

Cheers,

BaBa

[Gunnar Bittersmann]

@@BaBa

ul>ul>li 

Selektiert: nichts. (Es sei denn, das MArkup ist kaputt.) Keine Liste ist Kindelement einer anderen.

LLAP

[BaBa]

Ich würde gerne meinen Erstbeitrag korrigieren.

ul > li > ul > li:first-child{}

Cheers,

BaBa

[Gunnar Bittersmann]

@@Mike

… um LAST und FIRST zu überschreiben. Wie setze ich LAST und FIRST so, das es nur im zweitel UL Bereich funktioniert?

Wenn du nicht die für die Listitems der 2. und untergeordneter Listen für die Listitems der 3. und untergeordneter Listen überschreiben willst, wäre es gut zu wissen, was denn die 1. Liste ist.

Entweder die 1. Liste hat eine ID "foo" (oder Klasse), dann: #foo > li > ul > li:first-child.

Oder ihr Elternelement lässt sich per ID, Klasse oder Elementtyp (nav?) selektieren: nav > ul > li > ul > li:last-child.

LLAP