Verschachtelte HTML Elemente mit CSS formatieren

[basementmedia]

Hi,

ich hab in meiner Page eine ziemlich verschachtelte HMTL Struktur und möchte die einzelnen Elemente gerne mit CSS ansprechen.
Bis zu einer gewissen Ebene funktionierts auch prächtig aber irgendwann klappts dann nimmer.
Hier die Beispielstruktur:

<div id="navbar">
<ul>
  <li><a id="aktiv">Angeklickter Menüpunkt</a></li>
  <li><a id="nichtaktiv">Menüpunkt</a></li>
  <li><a id="locked">gesperrter Menüpunkt</a></li>
</ul>
</div>

Folgendes klappt:

#navbar li {
  font-family: Georgia, Verdana, Sans Serif;
  font-size:11pt;
  font-weight:bold;
  color:#000000;
  display:inline;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
}
#navbar li a:link {
 text-decoration:none;
 color:#000000;
}

aber das nächste z.B. leider nicht mehr

#navbar li active {
  color:#FF0000;
}

#navbar li locked {
  color:#CCCCCC;
}

Klar könnte ich das ganze vielleicht grundsätzlich einfach entschachteln, aber es müsste doch irgendwie möglich sein, die Unter-Attribute von Links in Listenpunkten anzusprechen, oder?

Bin für jeden Tipp dankbar.

Viele Grüße

Daniel