Enrico: Über CSS untergeordnete <ul>-Liste ausschließen

Beitrag lesen

SELF-Forum

Über CSS untergeordnete <ul>-Liste ausschließen

Enrico
– Informationen zu den Bewertungsregeln

Hallo,

ich habe folgende Menüstruktur:

<div id='cssmenu'>
   <ul>
      <li><a href='#'>Home</a></li>
      <li><a href='#'>Band</a></li>
      <li><a href='#'>Live</a></li>
      <li><a href='#'>Multimedia</a>
         <ul>
            <li><a href='#'>Fotos</a></li>
            <li><a href='#'>Songs</a></li>
            <li><a href='#'>Alben</a></li>
            <li><a href='#'>Videos</a></li>
            <li><a href='#'>Interviews</a></li>
         </ul>
      </li>
      <li><a href='#'>Community</a>
         <ul>
            <li><a href='#'>Rezensionen</a></li>
            <li><a href='#'>Gästebuch</a></li>
            <li><a href='#'>Newsletter</a></li>
            <li><a href='#'>Links</a></li>
            <li><a href='#'>B.I.T.S. & Friends</a></li>
            <li><a href='#'>Artefakte</a></li>
         </ul>
      </li>
      <li><a href='#'>Kontakt</a></li>
   </ul>
</div>

Die <li>-Elemente richte ich mittels folgendem css-Code aus:

#cssmenu li:first-child,
#cssmenu li:last-child
{
   padding: 0
}

#cssmenu li:nth-child(n+2):nth-child(-n+6)
{
   padding: 0 0 0 0.3em
}

Das erste <li>-Element ""Home" hat keine Abstände, das zweite ("Band") bis vorletzte ("Community") <li>-Element ("li:nth-child(n+2):nth-child(-n+6)") jeweils einen linken Abstand.

Leider wirken sich diese Abstandsangaben aber auch auf die beiden Untermenüs aus.

Wie kann ich dies verhindern? Mit dem ":not()"-Selektor habe ich schon rum experimentiert, aber leider mit dem Resultat, dass dann auch die Abstände der Hauptmenüpunkte weg fallen.

Danke schon mal für eure Hilfe und Gruß Enrico

Beitrag melden
–
Informationen zu den Bewertungsregeln