aiuto menu lista <UL><LI>

[centro]

Ciao a tutti,
volevo sapere ... e vi giuro che sto impazzendo come fare per personalizzare... un singola voce un <LI> di una lista...


io ho questo css

        ul.menu {
            padding: 0;
            list-style: none
            }
        ul.menu li a, ul.menu li a:visited{
            text-decoration: none;
            display:block;
            width: 196px;
            padding: 1px 2px 1px 4px;
            margin: 0px;
            color:#354;
            border-right: 0px solid #fff;
            border-bottom: 1px solid #fff;
            }
        ul.menu li a, ul.menu li a:visited{

            background-color:#e7e8ea;
            }
            
        ul.menu li a:hover{
            background-color:#c6c7ca;
            color: #fff;
            }
        ul.menu li{
        display:inline;
            }
        ul.menu {
            text-indent:20px;
        } 

e questa lista


<ul class="menu">
[*]Chi siamo
[*]Missione
[*]Storia
[*]Modello
[*]Modello1
[/list]



qualcuno mi spiega perchè se faccio una classe non riesco ad appplicarla... a Missione che non ha link...?

io provo a fare un clesse "on2 quando sono sulla pagina missione ed una class "onstrong" quando sono su chisiamo

ed applico la mia classe
<li class="onstrong">Chi siamo
<li class="on">Missione

ma proprio non vuole saperne nulla...


forse c'è sempre una gerarchia dda rispettare...?
io ci sto a impazzire...
dove sbaglio secondo voi?
Cioa e buona serata

[Al_katraz984]

Prova a fare cosi...

<ul id="menu">[*]Chi siamo[*]Missione[*]Storia[*]Modello[*]Modello1[/list]

div#menu { 
            padding: 0; 
            text-indent:20px; 
            list-style: none 
            } 
        #menu li a, #menu li a:visited{ 
            text-decoration: none; 
            display:block; 
            width: 196px; 
            padding: 1px 2px 1px 4px; 
            margin: 0px; 
            color:#354; 
            border-right: 0px solid #fff; 
            border-bottom: 1px solid #fff; 
            background-color:#e7e8ea; 
            } 
    
        #menu li a:hover{ 
            background-color:#c6c7ca; 
            color: #fff; 
            } 
        #menu li{ 
        display:inline; 
            }