Stili per livelli ul

[twins96]

Ciao,
ho guardato un po' in giro e credevo di aver capito ma non funziona o c'è qualcosa che sbaglio,
come faccio ad impostare un'immagine differente per ogni livello di una lista tipo:

ul
   li
     ul
        li
        li
        li
   li

Ho impostato così:

ul {
	list-style: none;
    padding: 0px 0px 0px 5px;
    margin: 0;
    color: #C21921;
}

ul li {
    border-top: 0px solid #ddd;
    margin: 0;
    text-align: left;
	list-style-type : none;
    color: #FFF;
}

ul  li ul {
    list-style-type : none;
    list-style-image: url(pallino.png)
}

ul li ul li {
	list-style-type : none;
    list-style-image: url(pallino_white.png)
    margin: 0 0 0 0px;
}

In pratica vorrei avere:
- livello base senza pallino
- primo livello con pallino.png
- secondo livello con pallino_white.png



Grazie !!

[Prill]

Se azzeri margini e padding non hai spazio per l'immagine del punto elenco che non viene perciò visualizzata. O li ripristini o potresti usare più semplicemente un'immagine di sfondo. Avendo più ul annidati converrebbe creare stili diversi per ciascuno senza usare selettori discendenti. Un esempio di partenza

ul {
    list-style-type : none;
    padding: 0;
    margin: 0;
    color: #C21921;
}

ul#first li {
    border-top: 0px solid #ddd;
    text-align: left;	
    color: #fff;
}

ul#second li {
    padding-left: 20px; /* da modificare in base alle proprie esigenze e alle dimensioni dell'immagine */
    background: url(pallino.png) no-repeat left center;
}

ul#third li {
    padding-left: 20px; /* da modificare in base alle proprie esigenze e alle dimensioni dell'immagine */
    background: url(pallino_white.png) no-repeat left center;
}

[twins96]

L'immagine me la fa sempre vedere perchè comunque il contenitore non è accostato al bordo dello schermo,
il problema è che non capisco perchè i sottolivelli hanno sempre pallino.png ed invece quelli sottostanti non prendono pallino_white.png come indicato.

[twins96]

Avete un'idea x favore ?

[Prill]

Avendo più ul annidati converrebbe creare stili diversi per ciascuno senza usare selettori discendenti

oppure inserisci tutti gli elementi progenitori, il tuo primo sfondo è sul secondo elenco e così anche il secondo sfondo

[twins96]

Mi fai un esempio che non ho capito cosa intendi per favore ?