menu a cascata, evidenziare voce selezionata

[Vincent.Zeno]

aggiungi la regola che corregge la sottolista, qualcosa tipo

#nav li.active a ul li a
            {
                background: #fff; /*colore preferito*/
                border-radius: 5px;
                color: #FFF;
            }

non testato, fai qualche prova
ho raggiunto l'ultimo elemento "a", ma forse nel tuo contesto non è necessario. verifica.

[volodos]

aggiungi la regola che corregge la sottolista, qualcosa tipo

#nav li.active a ul li a
            {
                background: #fff; /*colore preferito*/
                border-radius: 5px;
                color: #FFF;
            }

non testato, fai qualche prova
ho raggiunto l'ultimo elemento "a", ma forse nel tuo contesto non è necessario. verifica.

Niente da fare, si evidenzia la voce SERVIZI ma anche tutte e 5 le sottosezioni, sia con l'ultimo elemento "a", sia senza. Oltre ad aver aggiunto il tuo codice nel css, ho impostato così nella pagina:

<li class="active"><a href="#">Servizi ▾</a>
                                                            <ul class="dropdown">
                                <li><a href="1.html">Sottosezione1</a></li>
                                <li><a href="2.html">Sottosezione2</a></li>
                                <li><a href="3.html">Sottosezione3</a></li>
                                <li><a href="4.html">Sottosezione4</a></li>
                                <li><a href="5.html">Sottosezione5</a></li>
                                                            </ul>
                                                        </li>