Die <li>s einer <ul> verschiedenene Klassen zuordnen

[Laus]

#hNav li {

.activeHNav {

<ul id="hNav">
<li class="activeHNav"><a href="?bqGroup=101">Gruppe 101</a></a></li>
<li><a href="?bqGroup=102">Gruppe 102</a></a></li>

Der erste <li> soll der class "activeHNav" zugeordnet werden und entsperchend blauen Hintergrund haben. Hat er aber nicht. Was mache ich falsch?

Auf das erste <li>-Element treffen beide Selektoren zu, sowohl "#hNav li" als auch ".activeHNav". Die Eigenschaften des einen überschreiben daher die des anderen, und zwar nach jenen Regeln, die in Abschnitt 6.4.3 der CSS-Spezifikation zu finden sind.
Einem id-Selektor ist zwar auf den ersten Blick nur schwer beizukommen, aber es ist möglich. Versuch macht kluch.