[CSS]Zagnieżdżanie stylów Opcje

[evolucja]

Mam takie menu:

[HTML] pobierz, plaintext 
<li><a href="">A</a></li>
<li><a href="" class="active">B</a></li>
<li><a href="">C</a></li>
<li><a href="">D</a></li>
[HTML] pobierz, plaintext 

I teraz B jest podświetlony na zielono. Po za tym wszystkie 'a' mają efekt hover podświetlający je również na zielono. Czy da się w stylach zrobić tak, aby po najechaniu np. na 'A' - 'B' straciło podświetlenie? Bo w tym momencie 2 rzeczy będą podświetlone.

[evolucja]

Raz jeszcze. Mam menu z 10 elementami:

[HTML] pobierz, plaintext 
<li><a href="">1</a></li>
<li><a href="" class="active">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">7</a></li>
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">10</a></li>
[HTML] pobierz, plaintext 

oraz CSS:

[HTML] pobierz, plaintext 
a.active { background : yellow;}
a:hover { background : red;} 
[HTML] pobierz, plaintext 

Efektem tego, jest podświetlony link 2 na czerwono, oraz efekt hover na wszystkich linkach podświetlających je na żółto - po najechaniu myszką na 2 on też zmieni kolor na żółty.

I teraz problem: gdy najedziesz np. na link 5 on zostanie podświetlony na żółto oraz dalej element 2 będzie podświetlony na czerwono. Mi chodzi o to, aby po aktywacji hovera na linkach nie oznaczonych jako 'active' ten jeden z 'active', w tym wypadku 2, stracił to podświetlenie na czerowno. Idąc dalej, po 'zjechaniu' myszką z tego elementu bądź całego menu żeby 2 odzyskało podświetlenie na czerwono. Inaczej mówiąc, aby w danym momencie tylko jeden link mógł być podświetlony.

Przepraszam, prościej już nie potrafię... Oczywiście bez problemu idzie to rozwiązać w JS ale chciałym się najpierw dowiedzieć czy jest to możliwe w czystym CSS.