ul li dentro ad un ul li

[Mattatore85]

Come faccio a fare uno stile per un ul li dentro ad un altro ul li: mi prende anche lo stile del ul li principale come faccio a fare in modo che assuma solo quelle del css STELLA?



<ul class="list-4">[*]

<div id="STAR_RATING" onmouseout="star_accendi(' + QT + ')""><ul>
<li id="star_1" onclick="star_vota(1)" onmouseover="star_accendi(0); star_accendi(1)">
<li id="star_2" onclick="star_vota(2)" onmouseover="star_accendi(0); star_accendi(2)">
<li id="star_3" onclick="star_vota(3)" onmouseover="star_accendi(0); star_accendi(3)">
<li id="star_4" onclick="star_vota(4)" onmouseover="star_accendi(0); star_accendi(4)">
<li id="star_5" onclick="star_vota(5)" onmouseover="star_accendi(0); star_accendi(5)">[/list]</div>

[/list]




/*-------UL LI ----esterno----*/
.list-4 {
width: 620px;
/*overflow: hidden;*/

}

.list-4 li {
background: #eee url(../images/list-tail-4.gif) repeat-x 0% 0%;
padding: 16px 19px 19px 20px;
border-right: 1px solid #949494;
border-bottom: 1px solid #626262;
/*height:256px;*/
}

.list-4 li div {
width: 100%;
/*overflow: hidden;*/
margin-bottom:17px;
}

.list-4 li img {
float: left;
margin: 4px 20px 0 0;
}

.list-4 li strong {
display: block;
padding: 0 0 7px 0;
line-height: 1.2em;
font-size: 1.4em;
color: #111c24;
}

.list-4 li strong a{
color: #111c24;
}

.list-4 li p {
padding: 0 0 12px 0 !important;
color: #567c9b !important;
}

.list-4 li a.link {
float: right;
}

.list-4 li b {
background: #fff;
display: block;
height: 24px;
padding: 0 0 0 9px;
overflow: hidden;
line-height: 20px;
color: #087ad1;
}

.list-4 li b a {
color: #087ad1;
}

/*-----------------------------*/

/*--------STELLA ul li interna------------*/
#stelle{
margin-top:7px;

width:160px;
height:20px;
display:table-cell;
vertical-align:middle;
float:left;
}
#STAR_RATING ul
{
margin: 0px;
padding: 0px;
height: 25px;
list-style: none;
}
#STAR_RATING ul li
{
width: 25px;
height: 25px;
display: block;
float: left;
background-image: url('../images/star-off.png');
background-repeat: no-repeat;
cursor: pointer;
}
#STAR_RATING ul li.on
{
background-image: url('../images/star-on.png');
}
#STAR_RATING span.output
{
vertical-align:middle;
color: #FFFFFF;
FONT-FAMILY: Arial, Helvetica, sans-serif,
FONT-SIZE: 13px;

}
/*-----------FINE STELLA------------*/

[ResianTaxidrive]

è normale che i figli ereditino dal padre. Se i figli hanno delle proprietà diverse devi esplicitare gli stili (d'altronde mi pare che tu lo abbia già fatto).

[Mattatore85]

ehh ma non funziona...ho impostato gli stili ma nulla... c'è un modo?

[ResianTaxidrive]

riguardando meglio il tuo codice. perchè non metti un id o una classe al ul interno?

Ma cmq che cos'è esattamente che non funziona? fai un esempio pratico che non capisco. Quale proprietà ad esempio non va?