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

[motyl-pl]

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

#a:hover { background-color: red; }
.active:hover { background-color: ten inny kolor; }

Ten post edytował motyl-pl 17.07.2010, 19:57:57