"Verschachtelung" von CSS

[Malcolm Beck´s]

hi,

Wenn mir das jemand erklären mag, nur zu!

Das nicht, aber einen kleinen Tip:

#navigation a  
#navigation ul a

Dein Problem betrifft ja nur die Farbe der Links, diese kannst du auch mit !important im 2. Selektor „erzwingen“.
Was du auch testen könntest, wäre

<ul id="navigation">  
     <li><a href="#">Topic 1</a>  
  
          <ul id="navigation-tree-1">  
  
               <li><a href="#">Topic 1 a</a></li>  
          </ul>  
     </li>  
     <li>Topics 2</li>  
</ul>

Und dann direkt die verschachtelte Liste #navigation-tree-1 stylen.
So sparst du dir lange Selektorschlangen, wenn deine Listen mal tiefer verschachtelt werden.

mfg