togliere un attributo ad una classe

[blur]

ciao,

ho un menu di navigazione orizzontale fatto con gli elenchi <ul>[*]in cui come linea separatrice tra una voce e l'altra ho messo il border-right:1px solid #fff;

ul.nav li a { 
       display:inline; 
       padding: 0px 7px 0px 7px;
       color:#fff;
       text-decoration:none; 
       Height:2em;line-height:2em; 
       border-right:1px solid #fff;
                             }

adesso però vorrei togliere il border-right all'ultima voce di menu.
ho provato a creare un classe solo per l'ultimo[*] in cui ho messo border-right:0px, ma non funziona...

suggerimenti?
grazie

[Mich_]

Hai rispettato l'ordine corretto? I CSS sovrascrivono sempre quanto li precede, per cui se scrivi:
tag.pinco {color: red;}
tag {color: blue;}
tutti i <tag> avranno colore blu, compreso quello con class="pinco"

[blur]

si certo ho rispettato l'ordine, ma non capisco cosa vuoi dire.
in questo caso voglio solo togliere l'ultimo border, e ho creato una classe con border-right:0px e messa dopo la classe per l'<ul>[*], ma non ha nessun effetto.

[Mich_]

Quello che sto dicendo e` che sospetto un erorre di sintassi o di semantica.
Posta un link o tutto il codice coinvolto.

[blur]

dunque il codice.

con questo formatto l'aspetto del menu:

ul.nav li a { 
       display:inline; 
       padding: 0px 7px 0px 7px;
       color:#fff;
       text-decoration:none; 
       Height:2em;line-height:2em; 
       border-right:1px solid #fff;
                             }

poi ho creato questa classe per eliminare l'ultimo border-right del menu:

.border{ border-right:0px solid #fff;}

nella pagina:

<ul class="nav">
[*]<a href="#">link1[*]<a href="#">link2
<li class="border"><a href="#">link3
[/list]

nella mia ignoranza, ho provato anche a mettere la classe border su <a class="border" href="#">, ma non funziona lo stesso...

immagino che sia un errore di sintassi o semantico....

[indigoindigo]

prova

ul.nav li a.border{
    border-right:0px solid #fff;
}

[blur]

Originariamente inviato da indigoindigo
prova

ul.nav li a.border{
    border-right:0px solid #fff;
}

eccolo!! VVoVe:

dènkiu!

[indigoindigo]