Можно с помощью CSS counters.
ul {
counter-reset: my-counter;
list-style-type: none;
}
ul li:before {
content: counter(my-counter, disc)
counter(my-counter, circle)
counter(my-counter, lower-alpha) "."
counter(my-counter, decimal) ".";
/* etc... */
counter-increment: my-counter;
}
jsFiddle Demo
Доступные типы списков:
disc (• • •)
circle (○ ○ ○)
square (▪ ▪ ▪)
decimal (1 2 3)
decimal-leading-zero (01, 02, 03)
lower-roman (i ii iii)
upper-roman (I II III)
lower-greek (α β γ)
lower-latin (a b c)
upper-latin (A B C)
armenian (Ա Բ Գ)
georgian (ა ბ გ)
lower-alpha (a b c)
upper-alpha (A B C)
Для дальнейшего уточнения:
Вы хотите увидеть диск ** и ** круг ** и ** нижний альфа? – Itay
Я не знаю, можете ли вы использовать одну ul, но вы можете сделать следующее: http: //jsfiddle.net/qhgyR/ – Conqueror