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

[cniak]

nie mozesz tak zrobic?

a.active {
background: green;
}

a:hover, a.active {
font-weight: bold;
}

Inny efekt. A jezeli chodzi Ci o to co piszesz wyżej to moim zdaniem to bedzie bardziej odstraszalo niz przyciagalo internaute. Czasami nie warto kombinowac (IMG:style_emoticons/default/winksmiley.jpg)