Ho un piccolo problema che vorrei risolvere con i css invece che con javascript, cosa che sarebbe molto più complicata. Però non so se è possibile.
Il problema è questo: ho un menu con due voci sullo stesso livello
codice:
<ul class="menu">
<li class="corrente"><a>Voce 1[*]<a>Voce 2</a>[/list]
La voce corrente viene evidenziata da uno sfondo mentre le altre voci no.
Le altre voci vengono evidenziate da uno sfondo quando ci passa il puntatore.
Per ora il codice è simile a questo:
codice:
ul.menu li.corrente {
background:red;
}
ul.menu li:hover, ul.menu li:focus, ul.menu li:active {
background:yellow;
}
/* Quest'ultima rule serve a fare in modo che la voce corrente non cambi colore al passaggio del mouse */
ul.menu li.corrente:hover, ul.menu li.corrente:focus, ul.menu li.corrente:active {
background:red;
}
Vorrei fare in modo che quando le altre voci vengono evidenziate con il puntatore, la voce corrente perda lo sfondo. E' possibile?