Duda sobre las imagenes de una lista

[mortiprogramador]

Hola
Bueno, si te entendi bien quieres algo como esto

Si es así, entonces este es el código que necesitas

Código HTML:

<ul>
  <li id="ciudades1">a)Ciudades
  </li>
  <li id="ciudades1">b)Ciudades
    <li id="ciudades3">Malaga</li>
    <li id="ciudades3">Sevilla</li>
  </li>
  <li id="ciudades1">c)Ciudades
    <li id="ciudades2">Malaga</li>
      <li id="ciudades3">Marbella</li>        
      <li id="ciudades3">Fuengirola</li>
    <li id="ciudades2">Sevilla</li>
      <li id="ciudades3">Utrera</li>
  </li>
</ul>
 

Código CSS:

#ciudades1{
  list-style-image:url(ciudad1.gif);
  font-family:Verdana;
  font-size:16px;
  margin:6px 0px 0px 0px;
}
#ciudades2{
  list-style-type:circle;
  background-position: right;
  font-family:Arial;
  font-size:14px;
  margin:0px 0px 0px 10px;
}
#ciudades3{
  list-style-type:square;
  font-family:Comic-Sans;
  font-size:12px;
  margin:0px 0px 0px 20px;
}
 

Y en este ejemplo esta hecho manualmente, pero si por ej en tu caso
vas creando los <li> dinámicamente, entonces es solo cuestión
de usar condicionales (if, etc) donde preguntes si el segúndo nivel tiene
hijos, y si es así que le ponga un id y si no que le ponga otro y con eso
bastaría

Espero te sirva
Saludos