"Verschachtelung" von CSS

[X010]

Hallo,

ich stehe grade ganz gewaltig auf dem Schlauch...

Folgendes, ich habe eine Navigation, mit Subnavigation bei manchen Menupunkten.

Das ganze ist durch verschachtelte Listen gelöst.

Also:

<ul id="navigation">
     <li><a href="beispiel">Topic 1</a>
          <ul>
               <li><a href="#">Topic 1 a</a></li>
               <li><a href="#">Topic 1 b</a></li>
               <li><a href="#">Topic 1 c</a></li>
          </ul>
     </li>
     <li>diverste andere Topics 2, 3,...</li>
</ul>

So. Nun wurde den Hauptpunkten ein Style mit CSS zugewiesen, um genau zu sein dem a-Link

der Selektor heißt

ul#navigation li a
{diverses css}

Dieser betrifft natürlich auch die Topics 1a, 1b, 1c.

Die sollen aber anders aussehen! Deswegen habe ich versucht ihnen mit dem Selektor

ul#navigation li ul li a
{diverses css}

ein anderes Aussehen zu geben. Klappt aber nicht. Die angaben von
ul#navigation li a überschreiben diese scheinbar. ul#navigation li ul li a wird komplett ignoriert!

Wo ist mein Denkfehler?

von der Reihenfolge her, ul#navigation li a kommt im CSS-File vor ul#navigation li ul li a, da das ganze ja von oben nach unten abgearbeitet wird (soweit ich weiß).

Ich bin ratlos.

Würde mich freuen wenn mir jemand erklären kann wo mein Denkfehler ist.

Das müsste doch so funktionieren! Ich möchte nun ungern jedem Subtopic eine Extrawurst-class verpassen.

:(

Seit ich diese Hirarchie-Sache entdeckt habe bin ich da echt Fan von.
Aber offenbar habe ich es nicht verstanden...

Vielen Dank udn ein schönes Restwochenende!