Salve a tutti, so che l'argomento e' trito e ritrito ma sono alle prime armi con i css e anche con il notevole aiuto del forum non riesco a venirne fuori. Ho un menu orizzontale composto da 4 sezioni differenti. Vorrei che cliccando su una di esse il colore del testo o dello sfondo cambiasse.


vi allego il codice html:


codice:
<div id=top-menu> <ul> [*]
    Home
   [*]
    Presentation
   [/list]
</div>
e il css:

codice:
#top-menu
{          
  width:100%;     
  height: 36px; 
}  

#top-menu ul {    
  list-style: none;      
  background: transparent;     
  padding: 0;     margin: 0; }  

top-menu li {    
  border-right: 1px solid #DBDBDB;     
  float: left;    
  line-height: 36px; 
}  

#top-menu li a {     
  color: #B1B1B1;     
  font-weight:bold;     
  padding:0 2em;     
  text-decoration:none;     
  text-transform:uppercase;     
  line-height: 36px; 
}  

#top-menu li.selected a, 
#top-menu li.selected a:visited,
#top-menu li.selected a:hover 
{   
  color: #C00000; 
}
qualcuno mi potrebbe aiutare? Grazie