Navigation mit css und ul fehlerhaft.

[Gunnar Bittersmann]

@@biomatrix:

<ul id="navigation">
  <li>Home</li>
    <ul>
      <li>The Joke</li>
      <li>Spiderschwein</li>
    </ul>
  <li>About</li>

Aber die Letzten beiden Regeln (ul#navigation li ul und ul#navigation li ul li) werden vom Browser einfach ignoriert. Wieso?

Weil deine 'ul'-Elemente nicht Kinder von 'li', sondern von 'ul#navigation' sind.

Was sie nicht sein dürfen. Das hättest du mit dem Validator schon selbst herausgefunden haben sollen.

Richtige Verschachtelung:

<ul id="navigation">  
  <li>Home  
    <ul>  
      <li>The Joke</li>  
      <li>Spiderschwein</li>  
    </ul>  
  </li>  
  <li>About</li>

Live long and prosper,
Gunnar