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

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?

  1. 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 kommt von Basketball
    1. *Spezifität

      Cheers,

      BaBa

      --
      BaBa kommt von Basketball
    2. @@BaBa

      ul>ul>li 
      

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

      LLAP

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      1. Ich würde gerne meinen Erstbeitrag korrigieren.

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

        Cheers,

        BaBa

        --
        BaBa kommt von Basketball
  2. @@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

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)