nocheinPoet: Defintiton zusammenfassen...

Moin Members,

ich habe da wieder mal ein kleines CSS Problem:

  
.menue ul:last-child                     {border-right: 1px solid #fff;}  
.menue ul li ul:last-child               {border-right: none;}  
  
.menue ul li:not(:first-child)       > a {border-left: 1px solid #fff;}  
.menue ul li ul li:not(:first-child) > a {border-left: none;}  

Wie ersichtlich möchte ich den Border nur am letzten bzw. nicht am letzten Element und muss diesen dann für die Ebenen tiefer wieder auf none setzen. Das geht doch sicherlich besser und nur mit jeweils einer einzigen Zeile oder?

Vielen Dank schon mal im Voraus und ja, ich habe da schon experimentiert...

  1. Das geht doch sicherlich besser und nur mit jeweils einer einzigen Zeile oder?

    Ja mit Kommata.

      
    .menue ul:last-child,  
    .menue ul li:not(:first-child) > a {  
       border-right: 1px solid #fff;  
    }  
      
    .menue ul li ul:last-child,  
    .menue ul li ul li:not {  
       border-right: none;  
    }  
    
    

    Die Regeln kannst du natürlich auch zu einzelnen Teilen minifien.

    1. .menue ul:last-child,
      .menue ul li:not(:first-child) > a {
         border-right: 1px solid #fff;
      }

      .menue ul li ul:last-child,
      .menue ul li ul li:not {
         border-right: none;
      }

        
      Da ist was beim Kopieren verloren gegangen, so sollte es sein  
        
      ~~~css
      .menue ul:last-child, .menue ul li:not(:first-child) > a {border-right: 1px solid #fff;}  
      .menue ul li ul:last-child, .menue ul li ul li:not(:first-child) > a {border-right: none;}
      
      1. Danke Euch, so geht es:

          
        .menue > ul:last-child                 {border-right: 1px solid #fff;}  
        .menue > ul > li:not(:first-child) > a {border-left:  1px solid #fff;}  
        
        
  2. Hi,

    ich habe da wieder mal ein kleines CSS Problem:

    .menue ul:last-child                     {border-right: 1px solid #fff;}
    .menue ul li ul:last-child               {border-right: none;}

    .menue ul li:not(:first-child)       > a {border-left: 1px solid #fff;}
    .menue ul li ul li:not(:first-child) > a {border-left: none;}

    
    > Wie ersichtlich möchte ich den Border nur am letzten bzw. nicht am letzten Element und muss diesen dann für die Ebenen tiefer wieder auf none setzen. Das geht doch sicherlich besser und nur mit jeweils einer einzigen Zeile oder?  
      
    Du könntest anstelle des Nachfahrenselektors mit dem Kind-Selektor > arbeiten.  
      
    cu,  
    Andreas
    
    -- 
    [Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/)  
    [O o ostern ...](http://ostereier.andreas-waechter.de/)  
      
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.