Salve, ho una pagina dove ho settato l'aspetto di una lista.
Necessiterei di poter cambiare una singola voce all'interno della lista evitando che questa prenda gli attributi espressi nell'ul generale e nelle singole li.

Praticamente la vorrei differente dal resto, ho messo nei li che mi interessano la classse che voglio, però il li prende sempre il sopravvento e non visualizzo SOLO la classe inserita.

Posto di seguito il tutto:

Grazie anticipatamente
Enrico

<body>

<div id="listwrapper">
<ul>
[*]Headquarter
<ul>
<li class="">Zona 1
[*]Zona 2
[*]Zona 3
[*]Zona 4
<li class="zones_blinkon">Zona 5
[/list]

<li class="plants_blinkoff">Headquarter
<ul>
[*]Zona 6
[*]Zona 7
[*]Zona 8
[*]Zona 9
[*]Zona 10
[*]Zona 11
[*]Zona 12
[*]Zona 13
[*]Zona 14
[/list]

[/list]
</div>

</p>
</body>










--------------------------------CSS---------------------------------------

@charset "utf-8";
/* CSS Document */

body {
margin:0px;
background:url(../images/plants_bkgnd_2.png) repeat left top fixed;
}

/* ------------------------------------------------------------------------------
list* gives layout and styling for the lists "plants, zones, airplants, etc.
------------------------------------------------------------------------------ */

#listwrapper {
background:url(../images/plants_bkgnd_1.png) repeat-x top fixed;
width:250px;
height:auto;
list-style-type:none;
}

#listwrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

#listwrapper a {
display:block;
background:url(../images/plant_buttons.png) no-repeat center top;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}

#listwrapper a:hover {
background:url(../images/plant_buttons.png) no-repeat center -50px;
}

#listwrapper a:active {
background:url(../images/plant_buttons.png) no-repeat center -100px;
}

#listwrapper li li a {
display:block;
background:url(../images/zone_buttons.png) no-repeat center top;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}

#listwrapper li li a:hover {
background:url(../images/zone_buttons.png) no-repeat center -46px;
}

#listwrapper li li a:active {
background:url(../images/zone_buttons.png) no-repeat center -96px;
}

/* ------------------------------------------------------------------------------
blinklinks* gives layout and styling for the plants voices.
------------------------------------------------------------------------------ */

.plants_blinkoff {
display:block;
background:url(../images/plant_buttons.png) no-repeat center bottom;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}

.plants_blinkon {
display:block;
background:url(../images/plant_buttons.png) no-repeat center -250;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
}

.zones_blinkoff {
display:block;
background:url(../images/zone_buttons.png) no-repeat center -196;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}

.zones_blinkon {
display:block;
background:url(../images/zone_buttons.png) no-repeat center -246;
width:250px;
height:50px;
text-indent:55px;
text-decoration:none;
color:#fff;
line-height:37px;
margin:0;
}