[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.

[thek]

Dopóki chcesz korzystać jedynie z CSS - nie da się. Efekt jest taki jaki masz właśnie teraz. Bo nie możesz z poziomu CSS modyfikować struktury DOM elementów. A tym byłoby usunięcie class="active" z linku. Tutaj musisz posłużyć się wspomnianym przez erixa JavaScriptem by zapamiętać link aktywny w momencie gdy myszka jest nad którymś z linków menu i usunąć go, a gdy hover spada z wszystkich elementów menu - przywrócić go zapamiętanemu linkowi.