[css] :active

[nofcfro]

Salve,
ho un menù laterale e vorrei che venisse evidenziata la voce di menù aperta nella pagina, la struttura del menù è la seguente:

<div class="menubar">
      <ol class="ollaterale">
        
        <!-- CAP 1 -->
        <li class="lilaterale">Capitolo 1</li>
<li class="lilaterale">Capitolo 2</li>
<li class="lilaterale">Capitolo 2</li>
</ol>
</div>

Come posso colorare la voce di menù che corrisponde alla pagina aperta?

 

[Max 1]

Deci creare ina classe ".attivo" da mettere nel link in ogni pagina in modo che il link della pagina aperta assuma le regole e i colori che tu vuoi. Ovvio che spiegato così è un po' confuso perchè bisognerebbe farti un esempio completo con tutte le pagine
Esempio:
Pagina 01.html

<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a class="attiva" href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>

Pagina 02.html

<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a class="attiva" href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a href="03.html" style="width:42px;">Item 2</a></li>
</ul>

[/code]Pagina 03.html

<ul id="css3menu1" class="topmenu">
   <li class="topfirst"><a href="01.html" style="width:42px;">Item 0</a></li>
   <li class="topmenu"><a href="02.html" style="width:42px;">Item 1</a></li>
   <li class="toplast"><a class="attiva" href="03.html" style="width:42px;">Item 2</a></li>
</ul>