'inherit' come e dove applicarlo

[Paper-bat]

Eccomi qua, questo è il mio codice

<style>
#menu ul { }
#menu ul li { color:#c00; }
#menu ul li.stile1 { color:#0c0; }
#menu ul li.stile2 { color:#00c; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited { color:inherit; } /* In questo modo il colore del link varia a seconda della proprietà del genitore */
#menu ul li a:hover { color:#000; }
</style>

<ul id="menu">
  <li class="stile1">[url="pagina1.htm"]menu1[/url]
  <li class="stile2">[url="pagina2.htm"]menu2[/url][*][url="pagina3.htm"]menu3[/url][/list] 

il problema come molti di voi hanno già notato che non è proprio corretta come cosa.. quell''inherit nel link non va bene, anche se su alcuni browser funziona..
Esiste la possibilità di fare una cosa del genere??
Spero di essere stato chiaro nel caso chiedetemi pure!

[Mich_]

Capisco il problema.
In effetti in qualche caso potrebbe essere utile.

Pero` non mi risulta che sia possibile. Il colore e` ereditato in tutti i tag, tranne nei link, dove i default dei browser hanno la precedenza sulla ereditarieta`.

L'unico modo e` ripetere le classi due volte, ad esempio:

#menu ul li.stile1, #menu ul li.stile1 a, #menu ul li.stile1 a:visited { color:#0c0; } 
#menu ul li.stile2, #menu ul li.stile2 a, #menu ul li.stile2 a:visited { color:#00c; }

Nota: se definisci uno stile per a, non serve ridefinire per a:link (in pratica sono sinonimi); invece puo` essere utile definre per le situazioni :visited, :hover.

[Paper-bat]

Grazie per la risposta
Molto completa.. ed era proprio quello che volevo sapere

più che altro l'inherit mi era comodo per i javascript che bastava che cambiavo il colore nella cella genitore e di conseguenza si cambia il colore nel link.

Peccato che non sia prevista come cosa, o almeno non prevista da tutti i browser