Limitare ereditarietà

[Oscurodrago]

ciao ho un piccolo problemino con un css e l'ereditarietà che genera

il comando css è questo

.BOXl{
border-top:#292929 solid 5px;
padding:0;
margin:0;
width:100%;
display: inline-block;
background: #292929;
}
.BOXl li{
width:650px;
list-style: none;
display: inline-block;
border-bottom:#292929 solid 5px;
border-left:#292929 solid 5px;
border-right:#292929 solid 5px;
}

e l'html è formato da 2 liste una dentro l'altra

<ul class="BOXl">[*]
        <ul>[*] no bla bla[/list]
    [*] bla bla[/list]

ora come posso fermare l'ereditarietà al primo[*] in maniera che nel secondo non abbia lo stesso stile?
devo a forza nominare un'altra classe che annulla gli effetti della prima lista nella seconda lista o c'e un modo per dire di non influenzare oltre al primo? ; ;

grazie in ainticipo

[marco.carrieri]

Ti potrei dire benissimo una cavolata perche sono di fretta.
Prova cosi.

.BOXl > li invece di .BOXl li

[Oscurodrago]

si .BOXl > li funziona provato e testato su firefox ma su Internet explorer 6 non funziona..

C'e un alternativa leggibile anche dal nonno explorer ? ; ;

[Marcolino's]

Si un foglio di stile alternativo legato ad una condizione, se è explorer lo legge se no ciccia.

[fcaldera]

.BOXl li {
/* regole */
}

.BOXl li li {
/* regole che annullano le prime */
}

[Marcolino's]

Sì ma non è detto che funzioni allo stesso modo su tutte le versioni attuali di IE, meglio secondo me una condizione in cui definire un foglio di stile a parte, così rimane sicura per sempre dato che è legata solo a quel browser.
comunque se vuole approfondire l'argomento... http://www.webdevout.net/css-hacks

[Oscurodrago]

alla fine ho optato per
.BOXl li li {
}
tanto era solo x un border:0px;

grazie a tutti x i consigli

[dalziani]

.BOXl ul{
border-top:#292929 solid 5px;
padding:0;
margin:0;
width:100%;
display: inline-block;
background: #292929;
}
.BOXl ul li{
width:650px;
list-style: none;
display: inline-block;
border-bottom:#292929 solid 5px;
border-left:#292929 solid 5px;
border-right:#292929 solid 5px;
}
.BOXl ul li li{
width:650px;
list-style: none;
display: inline-block;
border-bottom:#292929 solid 5px;
border-left:#292929 solid 5px;
border-right:#292929 solid 5px;
boder:0px;
}

Ho attribuito i primi parametri a un tag <ul>, però non so esattamente cosa vuoi realizzare.

Salutone

Francesco